# Appearance

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

> Since [version 22.1.0](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v22.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](https://www.telerik.com/design-system).

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

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/loader/appearance/appearance-all/source.txt)

## Loader Type

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

The available [`type`](https://www.telerik.com/kendo-angular-ui-develop/components/indicators/api/loadercomponent#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.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/loader/appearance/type/source.txt)

## Theme Color

The Loader allows you to specify predefined theme colors.

The available [`themeColor`](https://www.telerik.com/kendo-angular-ui-develop/components/indicators/api/loadercomponent#themeColor) values are:

* `base`
* `primary`
* `secondary`
* `tertiary`

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/loader/appearance/theme-color/source.txt)

## Size

The Loader allows you to set different sizes.

The available [`size`](https://www.telerik.com/kendo-angular-ui-develop/components/indicators/api/loadercomponent#size) values are:

* `small`
* `medium`
* `large`

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/indicators/loader/appearance/size/source.txt)

## Suggested Links

* [API Reference of the Loader](https://www.telerik.com/kendo-angular-ui-develop/components/indicators/api/loadercomponent)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui-develop/components/styling/theme-builder)