New to Kendo UI for Vue? Start a free 30-day trial

AnimationChildProps

Represents the props of the child Animation elements.

NameTypeDefaultDescription

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.

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.

in?

boolean

Controlled by TransitionGroup if present. Otherwise, sets the state of the enter or exit Animations.

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.

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 transition class which will be applied on the appear, enter, and exit transition.

transitionStyle?

any

Specifies the transition name.

unmountOnExit?

boolean

Specifies if the Animation will unmount after it reaches its exited state. Defaults to false.