New to Kendo UI for AngularStart a free 30-day trial

Appearance

Updated on Aug 19, 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.

The following example demonstrates all available appearance options of the Loader in action.

Loading ...

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.
Loading ...

Theme Color

The Loader allows you to specify predefined theme colors.

The available themeColor values are:

  • base
  • primary
  • secondary
  • tertiary
Loading ...

Size

The Loader allows you to set different sizes.

The available size values are:

  • small
  • medium
  • large
Loading ...
In this article
Loader TypeTheme ColorSizeSuggested Links
Not finding the help you need?
Contact Support