| Property | Type | Description |
|---|---|---|
type | AnimationType | The type of animation that will occur. One of: Bounce, BounceIn, BounceOut, FadeIn, FadeOut, SlideInBottom, SlideInLeft, SlideInRight, SlideInTop, SlideOutBottom, SlideOutLeft, SlideOutRight, SlideOutTop |
children? | React.ReactNode | The content to render inside the animation. |
delay? | AnimationDelay | The delay before the animation is triggered. One of: ExtraLong, Long, Medium, Short |
duration? | AnimationDuration | The duration of the animation. One of: ExtraLong, Long, Medium, Short |
enabled? | boolean | Used to trigger the animation. Toggling this prop will fire the animation. |
fillMode? | AnimationFillMode | Applies the CSS `animation-fill-mode` property. One of: Backwards, Both, Forwards, None |
loop? | boolean | When enabled, loop the animation. |
onAnimationEnd? | | Event called when the animation ends. |
onAnimationStart? | | Event called when the animation start. |
timing? | AnimationTiming | The easing function that will be used for the animation. One of: Ease, EaseIn, EaseInOut, EaseOut, Linear |