Feedback
Spinner
A loading indicator that inherits currentColor.
A loading indicator that inherits currentColor. Use role="status" with an aria-label so it is announced. CSS-only.
Playground
Props
The framework bindings expose these props (and forward the rest to the root element).
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Diameter of the spinner. |
CSS variables
Override these on any ancestor to theme the component. See the theme studio to preview changes live.
| CSS variable | Used for |
|---|---|
currentColor | The spinner inherits the parent text color. |
Accessibility
- Wrap it in
role="status"with anaria-labelso the loading state is announced. - The animation pauses under
prefers-reduced-motion.