Appearance

Updated on Feb 6, 2026

The Loader provides a set of predefined appearance options such as various animation types, sizes, and theme colors.

Since version 22.1.0, default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.

For more information, refer to the Design System documentation.

Loader Type

The Loader allows you to set different animations by using the type input property.

The available type values are:

• pulsing (Default)—Applies a pulsing animation to the Loader.
• infinite-spinner—Applies an infinite-spinner animation to the Loader.
• converging-spinner—Applies a converging-spinner animation to the Loader.

Change Theme

Theme

Loading ...

Theme Color

The Loader allows you to specify predefined theme colors.

The available themeColor values are:

• primary
• secondary
• tertiary
• info
• success
• warning
• error
• dark
• light
• inverse

Change Theme

Theme

Loading ...

Size

The Loader allows you to set different sizes.

The available size values are:

• small
• medium
• large

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Loader
• Creating Custom Styles with ThemeBuilder