Spinner
A small ring for a wait of unknown length, such as loading a list. Pick ProgressBar when the share of work done is known.
- Spinner
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Spinner
Dark theme, Spinner
High contrast theme, Spinner
UsageLink to the section Usage
import { Spinner } from '@skribly/ui/feedback'<Spinner label="Loading projects" showLabel />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- An indeterminate progress bar named by label. showLabel shows the same text without reading it twice. decorative hides it inside a control that already says it is busy.
- Under reduced motion it turns slowly instead of stopping, so it still says that work goes on.
This demo runs through axe in all three themes on every test run. See what the tests check.