PushProps
Represent the props of the KendoReact Push Animation component.
appear?
boolean
Defines whether a transition should happen on the first mount. Defaults to false
.
childFactory?
any
After the element reaches its exit state, it is no longer available in the DOM. If a DOM operation is required, access it trough the childFactory
function.
className?
string
Specifies the CSS class names which are set to the Animation.
component?
string
Specifies the node type of the parent Animation. Defaults to div
.
componentChildClassName?
string
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.
direction?
Specifies the direction of the Push Animation. Defaults to out
.
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.
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 (more information and example).
onEntered?
(event: AnimationEventArguments) => void
Called when a component is added to an existing Animation component and the Animation is now finished (more information and example).
onEntering?
(event: AnimationEventArguments) => void
Called when a component is added to an existing Animation component and the Animation is now happening (more information and example).
onExit?
(event: AnimationEventArguments) => void
An event that is called after the Animation has reached its exit state (more information and example).
onExited?
(event: AnimationEventArguments) => void
An event that is called after the Animation has reached its exited state (more information and example).
onExiting?
(event: AnimationEventArguments) => void
An event that is called after the Animation has reached its exiting state (more information and example).
stackChildren?
boolean
Specifies whether the child elements will stack on top of each other without interfering (more information and examples).
style?
any
Specifies the style of the parent Animation.
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
.
unmountOnExit?
boolean
Specifies if the Animation will unmount after it reaches its exited state. Defaults to false
.