037
Spinner
FeedbackSyncing Syncing
Customize
Place
Code
<p className="text-muted-foreground"> <Spinner label="Syncing" /> Syncing </p>
Install
npx shadcn@latest add https://components.haedong.dev/r/spinner.json
Props
Extends the native span props (no children). Inline and text-sized, it takes the surrounding color. Renders role="status" with the label as sr-only text, so assistive tech hears it once; the frames are aria-hidden. Under prefers-reduced-motion it holds a single frame.
| Prop | Type | Description |
|---|---|---|
| label | string | Accessible name. Defaults to "Loading". |
| className | string | Extra classes (color, size via text-*). |