AnimationProps
Represent the props of the Animation components.
| Name | Type | Default | Description |
|---|---|---|---|
animationEnteredStyle? | | Specifies the style which will be applied when the Animation reaches its entered state. | |
animationEnteringStyle? | | Specifies the style which will be applied when the Animation reaches its entering state. | |
animationExitedStyle? | | Specifies the style which will be applied when the Animation reaches its exited state. | |
animationExitingStyle? | | Specifies the style which will be applied when the Animation reaches its exiting state. | |
appear? | | Defines whether a transition should happen on the first mount. Defaults to | |
childFactory? | | When the element reaches its exit state, it is no longer available in the DOM. | |
className? | | Specifies the name of the CSS class which is set to the Animation. | |
componentChildClassName? | | Specifies the CSS class names which are set to each of the animated children elements. | |
componentChildStyle? | | Specifies the styles which are set to each of the animated children elements. | |
enter? | | Specifies whether to animate the entering (showing) element (see example). Defaults to | |
exit? | | Specifies whether to animate a leaving (disappearing) element (see example). Defaults to | |
id? | | Specifies the id of the Animation. | |
key? | | Specifies the id of the Animation. | |
mountOnEnter? | | Specifies if the Animation will use lazy-mounting on the first | |
stackChildren? | | Specifies whether the Animation children will stack on top of each other without interfering (see example). | |
tag? | | Specifies the node type of the parent Animation. Defaults to | |
transitionEnterDuration? | | Specifies the duration of the transition for the entering ( | |
transitionExitDuration? | | Specifies the duration of the transition for the exiting ( | |
transitionName | | Specifies the | |
unmountOnExit? | | Specifies if the Animation will unmount after it reaches its exited state. Defaults to |
Methods
onEnter | ||||||
|---|---|---|---|---|---|---|
Called when a component is added to an existing Animation component and the Animation has not started yet . | ||||||
|
onEntered | ||||||
|---|---|---|---|---|---|---|
Called when a component is added to an existing Animation component and the Animation is now finished. | ||||||
|
onEntering | ||||||
|---|---|---|---|---|---|---|
Called when a component is added to an existing Animation component and the Animation is now happening. | ||||||
|
onExit | ||||||
|---|---|---|---|---|---|---|
An event that is called after the Animation has reached its exit state. | ||||||
|
onExited | ||||||
|---|---|---|---|---|---|---|
An event that is called after the Animation has reached its exited state. | ||||||
|
onExiting | ||||||
|---|---|---|---|---|---|---|
An event that is called after the Animation has reached its exiting state. | ||||||
|
