Spinner
A spinner component used to indicate loading or progress states in an application.
Usage
Default
<Spinner />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 50 | Diameter of the spinner in pixels. |
| theme | "primary" | "secondary" | "tertiary" | "quaternary" | "clear" | Configured Default | Theme color for the spinner. |
| state | "" | "success" | "error" | "warning" | - | Visual state style for the spinner. |
| shadow | "none" | "light" | "medium" | "strong" | "intense" | Configured Default | Box shadow applied to the spinner. |
| label | string | - | Visually hidden label for accessibility (announced by screen readers). |
| className | string | - | Additional CSS class names to apply. |
| data-testid | string | "spinner" | Custom test ID for the root element. |