Spinner
Compact indeterminate progress indicator for controls and inline loading states.
Examples
Sizes
Overview
Spinner announces a loading status and inherits the surrounding text color. Choose a size that matches its container.
tsx
import { Spinner } from "@standard-ui/react" <Spinner size="md" />
API
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "md" | "lg" | md | Indicator dimensions. |
Guidelines
Do
- Use for work with an unknown duration
- Keep it close to the affected content
Don't
- Don't use it when measurable progress is available