PushProps
Represents the props of the KendoReact Push Animation component.
Definition
Package:@progress/kendo-react-animation
Properties
appear?
boolean
Defines whether a transition should happen on the first mount.
false
A function for customizing the rendering of child elements.
className?
string
Specifies the CSS class names to be applied to the Animation container.
component?
ReactNode
Specifies the HTML tag of the parent Animation container.
"div"
componentChildClassName?
string
Specifies the CSS class names that are set to each of the animated children elements.
Specifies the styles that are set to each of the animated children elements.
Specifies the direction of the Push Animation.
"right"
enter?
boolean
Specifies whether to animate the entering (showing) element (see example).
true
exit?
boolean
Specifies whether to animate a leaving (disappearing) element (see example).
true
id?
string
Specifies the id attribute of the Animation container.
mountOnEnter?
boolean
Specifies if the Animation uses lazy-mounting on the first in={true}.
false
onEnter?
(event: AnimationEventArguments) => void
Called when you add a component to an existing Animation component and the Animation has not started yet (more information and example).
onEntered?
(event: AnimationEventArguments) => void
Called when you add a component to an existing Animation component and the Animation is now finished (more information and example).
onEntering?
(event: AnimationEventArguments) => void
Called when you add a component to an existing Animation component and the Animation is now happening (more information and example).
onExit?
(event: AnimationEventArguments) => void
An event called after the Animation has reached its exit state (more information and example).
onExited?
(event: AnimationEventArguments) => void
An event called after the Animation has reached its exited state (more information and example).
onExiting?
(event: AnimationEventArguments) => void
An event called after the Animation has reached its exiting state (more information and example).
stackChildren?
boolean
Determines whether child elements will stack on top of each other during the animation.
false
style?
any
Specifies the inline styles to be applied to the Animation container.
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.
300
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.
300
unmountOnExit?
boolean
Specifies if the Animation unmounts after it reaches its exited state.
false