AnimationProps

Represent the props of the Animation components.

Name	Type	Default	Description
animationEnteredStyle?	any		Specifies the style which will be applied when the Animation reaches its entered state.
animationEnteringStyle?	any		Specifies the style which will be applied when the Animation reaches its entering state.
animationExitedStyle?	any		Specifies the style which will be applied when the Animation reaches its exited state.
animationExitingStyle?	any		Specifies the style which will be applied when the Animation reaches its exiting state.
appear?	boolean		Defines whether a transition should happen on the first mount. Defaults to false.
childFactory?	any		When the element reaches its exit state, it is no longer available in the DOM.
className?	string		Specifies the name of the CSS class which is set to the Animation.
componentChildClassName?	undefined[]		Specifies the CSS class names which are set to each of the animated children elements.
componentChildStyle?	any		Specifies the styles which are set to each of the animated children elements.
enter?	boolean		Specifies whether to animate the entering (showing) element (see example). Defaults to true.
exit?	boolean		Specifies whether to animate a leaving (disappearing) element (see example). Defaults to true.
id?	string		Specifies the id of the Animation.
key?	string		Specifies the id of the Animation.
mountOnEnter?	boolean		Specifies if the Animation will use lazy-mounting on the first in={true}. Defaults to false.
onEnter?	(event: AnimationEventArguments) => void		Called when a component is added to an existing Animation component and the Animation has not started yet .
onEntered?	(event: AnimationEventArguments) => void		Called when a component is added to an existing Animation component and the Animation is now finished.
onEntering?	(event: AnimationEventArguments) => void		Called when a component is added to an existing Animation component and the Animation is now happening.
onExit?	(event: AnimationEventArguments) => void		An event that is called after the Animation has reached its exit state.
onExited?	(event: AnimationEventArguments) => void		An event that is called after the Animation has reached its exited state.
onExiting?	(event: AnimationEventArguments) => void		An event that is called after the Animation has reached its exiting state.
role?	string		Specifies the role of the Animation.
tag?	string		Specifies the node type of the parent Animation. Defaults to div.
transitionEnterDuration?	number		Specifies the duration of the transition for the entering (animation in) Animation (see example). After the time runs out, the Animation is terminated. Defaults to 300ms.
transitionExitDuration?	number		Specifies the duration of the transition for the exiting (animation out) Animation (see example). After the time runs out, the Animation is terminated. Defaults to 300ms.
transitionName	string		Specifies the classNames which will be applied during the transition (see example).
unmountOnExit?	boolean		Specifies if the Animation will unmount after it reaches its exited state. Defaults to false.