Skip to content

0.13.0

Compare
Choose a tag to compare
@inokawa inokawa released this 20 Nov 05:10
· 205 commits to main since this release
  • Fixed useAnimation and useAnimationFunction 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 and persist method in favor of prev and args functionality of useAnimation.
  • BREAKING: renamed AnimationGroup to TransitionGroup

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