Spinner
An indicator that can be used to show a loading state
SSR mode
Examples
Default variant
Primary variant
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| Spinner | Inline SVG loader icon with an animate-spin class. Used in buttons and inline loading states; size is controlled via ClassName (e.g. size-4). |
Spinner
Inline SVG loader icon with an animate-spin class. Used in buttons and inline loading states; size is controlled via ClassName (e.g. size-4).
| Property | Type | Required | Description |
|---|---|---|---|
| Variant | SpinnerVariant | Colour tone. Default: SpinnerVariant.Default (neutral foreground). Other value: Primary. | |
| ClassName | string? | Extra CSS classes appended to the <svg>. Default dimensions are size-4; override here to resize. | |
| AdditionalAttributes | Dictionary<string, object>? | Captured unmatched attributes, forwarded to the <svg>. |