Animation API

Learn about the Animation component's props and CSS classes.

Import

import { AnimationProps } from "@prismane/core";

Animation extends Transition component's props.

Name	Type	Description	Default
`animation`	PrismaneAnimations / `Animation`	The animation of the container. Could be a prebuilt or a custom one.	fade
`transition`	PrismaneTransitions / `string`	The transition property of the container.	all
`duration`	`number`	The duration of the animation.	150
`delay`	`number`	The delay of the animation.	0
`timing`	`string`	The timing of the animation.	ease-in-out
`animated`	`boolean`	The state of the animation.	true

Animation extends Transition component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneAnimate-root`	The wrapper box of the animation.