Spinner

Some components like button, checkbox, radio button and switch already implement a loading state variant with the spinner. See their doc for implementation.
Know issue: Spinner animation is not working on Safari.

Sizes

The xl / 36px size is deprecated. Use the l (32px) size instead.

Small

Medium (default)

Large

Colors

By default the spinner inherit text color. You can overide this using a utility class.

Saving changes…

A muted spinner

A spinner with an overidden color.

Saving changes…

A muted spinner

A spinner with an overidden color.

Usage example

Agreements