Spinner
Indeterminate loading indicator.
Usage
Import Spinner and drop it anywhere you need an indeterminate loading
indicator. It ships as a single component — no sub-parts.
Sizes
Three sizes from the size prop: sm (16 px), md (24 px), and lg (40 px).
Colors
Semantic tones via the color prop — all driven by --sve-* tokens through currentColor.
Props
Plus every native <span> attribute via prop spreading.
The role="status" and aria-label are always
applied — override label to localise the accessible name.
| Prop | Type | Default |
|---|---|---|
size | 'sm' | 'md' | 'lg' | 'md' |
color | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'default' | 'default' |
label Accessible label exposed as aria-label on the status span. | string | 'Loading' |
class Extra classes merged onto the root element. | string | — |