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 | |
role? |
|
Specifies the role of the Animation. | |
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. | ||||||
|
