Loader

A loading indicator is used to convey the state of action that is processing or waiting a result.

React

Label

A label is required to ensure the Loader is accessible.

Color

Any system can be applied to a Loader, though in most cases the primary or neutral palette should be preferred.

Variant

Spinner deprecation

We're moving away from the default spinner variant in favor of ellipsis in Button, etc. and brand for fullscreen loading states. The spinner variant will be removed after we migrate internal system components.

The default variant is spinner, but ellipsis is available for smaller inline usage and brand for larger fullscreen loading states.

Size

The size property is optional and defaults to small. Loader supports the same sizes as Icon.

Speed

The animation speed is controlled via the speed prop and defaults to 500.