Components · UI Primitives
Spinner
Lottie loader — choose Accent (theme-aware), Capital Black or Capital White.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | number (px) | 26 | Diameter of the loader. |
label | string | Loading | Accessible label. |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.