Spinner
FeedbackAn animated loading indicator for async states.
Playground
Controls
Spinner size.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | Size of the spinner. |
Examples
XS
vue
<DsSpinner size="xs" />SM
vue
<DsSpinner size="sm" />MD
vue
<DsSpinner size="md" />LG
vue
<DsSpinner size="lg" />XL
vue
<DsSpinner size="xl" />Accessibility
- Has role="status" and aria-hidden="true" — pair with a visually-hidden text label when used alone.
- Respects prefers-reduced-motion.