Actions and status
Spinner
A compact circular loading indicator with decorative or announced accessibility modes.
Curated demo
Reference
A compact circular loading indicator with decorative or announced accessibility modes.
- Use labelled spinners for standalone loading states and aria-hidden spinners inside buttons.
- Animation pauses for reduced-motion and focus-mode preferences.
Props
| Name | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'md' | Spinner size. |
label | string | — | Accessible loading label. |
ariaHidden | boolean | — | Force decorative mode. |
class | string | — | Additional CSS classes. |
Example snippet
<Spinner label="Loading release status" />