Default

The spinner uses 1em size by default, so it matches surrounding text.

Loading

Sizes via font-size

Size the spinner using font-size CSS property.

1rem
1.5rem
2rem
3rem
4rem

Custom Colors

Use the --indicator-color and --track-color custom properties to change the spinner's appearance.

danger
success
warning
danger
neutral

Custom Track Width

Use the --track-width custom property to change the thickness of the spinner.

1px
2px (default)
4px
6px