Appearance

Updated on Oct 10, 2025

The KendoReact Animations enable you to use their default styling options or to set custom CSS classes both to all wrapper Animation elements and to all their child elements.

Default CSS Classes

By default, the parent component renders a k-animation-container CSS class and the child component renders a k-child-animation-container CSS class. You can use these CSS classes to style the components without the need to specify separate CSS classes.

Change Theme

Theme

Loading ...

Customizing the Styles

By using custom CSS classes, you can customize:

• Parent components
• Child elements

Decorating the Parent

To set a custom CSS class to the parent Animation component, use either:

• The className property, or
• The style property.

Change Theme

Theme

Loading ...

Decorating the Child

To set a custom CSS class to the child Animation element, use either:

• The componentChildClassName property, or
• The componentChildStyle property.

Change Theme

Theme

Loading ...

Suggested Links

• Basic Configuration
• API Reference of the Animation Package
• Creating Custom Styles with ThemeBuilder