Spinner
The Spinner component is a loading indicator that shows an animated circular progress. It's commonly used to indicate that a process is ongoing or that content is being loaded.
Props
| Name | Default | Type |
|---|---|---|
size | s | s m l The size of the spinner |
Tokens
CSS variable tokens used for global or per-instance manipulation of certain styling.
| Token | Default | Description |
|---|---|---|
--vui-spinner-color | var(--color-accent) | Spinner color |
--vui-spinner-border-width | 3px | Spinner ring thickness |