0.13.0
- Fixed
useAnimation
anduseAnimationFunction
to be able to pass some argument when play.
const animate = useAnimation<{ x: number; y: number }>(
(prev, args) => [
{ transform: prev.transform },
{ transform: `translate(${args.x}px, ${args.y}px)` },
],
{
duration: 400,
easing: "ease-in-out",
}
);
useEffect(() => {
animate.play({ args: { x: 100, y: 200 } });
}, [])
- BREAKING: removed
useAnimationController
hook andpersist
method in favor ofprev
andargs
functionality ofuseAnimation
. - BREAKING: renamed
AnimationGroup
toTransitionGroup
What's Changed
- Remove persist method in favor of keyframe function by @inokawa in #22
- Support dynamic keyframe by @inokawa in #23
- Remove useAnimationController by @inokawa in #24
- Add argument to useAnimationFunction by @inokawa in #25
- Rename AnimationGroup to TransitionGroup by @inokawa in #26
Full Changelog: 0.12.1...0.13.0