Warning

The Animation block has been deprecated. Despite this, support for it is still granted.

Animation is a VTEX Component that display some animations in their children props. This Component can be imported and used by any VTEX App.

You should follow the usage instruction in the main README.

To import it into your code:

You can use it in your code like a React component with the jsx tag: <Animation />.

Prop name	Type	Description
className	String	The className to set the animation
children	Node!	Component children that will be displayed inside of the animation
type	String	Type of the animation, it can be 'drawerLeft', 'drawerRight', 'drawerTop' or 'drawerBottom'
isActive	Boolean	Active the animation
duration	number	The animation duration in seconds, the default value is 0.4 second.
transfer	number	The active animation deslocation in percentage, the default value is 110%.
transferEnter	number	The not active animation deslocation in percentage, the default value is 0%.

You should follow the Styles API instruction in the main README.

CSS Namespaces

For now this component does not have any css namespaces.