Spinner
Loading indicator. Free, MIT · Basics › Loading
12-spoke activity indicator — the shape both Geist and Apple use.
Installation
npx valyro-cli@latest add spinner
npx shadcn@latest add https://valyro.xyz/r/spinner.json
npm install valyro-ui
import 'valyro-ui/styles.css';
import { Spinner } from 'valyro-ui';
Props
| Prop | Type | Default | |
|---|---|---|---|
size | number | 16 | Pixel size. Default 16. |
label | string | null | 'Loading' | Accessible label; pass null when the spinner is decorative (e.g. inside a busy button). |
Related components
- Skeleton — Loading placeholders
- Progress Bar — Progress bars
- Button — Buttons in every variant
- Icon Button — Icon-only button
- Button Group — Grouped buttons
- Copy to Clipboard — Copy with confirmation
- Badge — Status labels and tags
- Avatar — User avatars
- Tooltip — Hover and focus hints
- Separator — Dividers
Previous: Skeleton · Next: Progress Bar · All Basics