Feedback
Spinner
A spinner for a loading state. It takes the surrounding text color, and screen readers hear that loading is underway.
ReactVueWeb Components
View in Storybook Playground
Examples
<Spinner /> <Spinner variant="grow" size="sm" label="送信中" />Props
| Name | Type | Default | Description |
|---|---|---|---|
variant | SpinnerVariant | border | Animation style. @default 'border' |
size | SpinnerSize | md | Size. @default 'md' |
label | string | Loading | Accessible status label. @default 'Loading' |
Accessibility
- Body/background contrast is ≥ 7:1 (AAA) in both light and dark.
- Every interaction works with the keyboard alone.
- The focus ring is always visible.
- Respects prefers-reduced-motion and stops excessive motion.
Every component is designed to meet WCAG 2.1 AAA.