display contract

Spinner

Indeterminate progress indicator. Use only when total time is unknown.

Variants

default
iOS-style 8-bar pinwheel
inline
Tiny — inside buttons

Sizes

xs
14pt
sm
16pt
md
20pt
lg
32pt

Example

<Button loading><Spinner size="sm" /></Button>

Usage rule

Color inherits currentColor.

The full Spinner contract has 3 more rules, plus the do-not patterns. Get the full recipe.

Related

Get the Spinner contract in your project.