Spinner
FREELoading indicator in ring, dots and bars styles with sizes, tones and a localized label.
Installation
Terminal
npx @bloxa/cli add spinner
# or: npx shadcn@latest add @bloxa/spinnerPackages installed automatically: class-variance-authority
Examples
Styles, sizes and tones
Inline with text
Syncing 3 files…
API reference
Every component also accepts the props of the element it renders.
Spinner
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "ring" | "dots" | "bars" | "ring" | Indicator style. |
| size | "sm" | "md" | "lg" | "md" | Height and text size. |
| tone | "accent" | "muted" | "current" | "accent" | Color; current inherits the text color. |
| label | string | — | Screen reader text; defaults to the localized "Loading". |