Spinner
Animated loading indicator.
Installation
npx dafink-ui add spinnerDemo
Loading…Loading…Loading…
Props
| Name | Type | Default | Description |
|---|---|---|---|
| size | 'sm' | 'md' | 'lg' | 'md' | Size of the spinner. |
| label | string | 'Loading…' | Screen reader label. |
| className | string | '' | Additional CSS classes. |
Accessibility
Spinner's outer element has role="status" and an aria-label set from the label prop (default 'Loading…'), plus a visually hidden fallback <span> with the same text, so assistive tech announces it on mount; the spinning ring itself is aria-hidden="true". There is nothing focusable or keyboard-reachable.