Components
Spinner
An indeterminate wait — a request in flight.
Installation
npx shadcn@latest add https://ui.whoisroktim.lol/r/spinner.jsonSpinner or streaming indicator
A Spinner says a request is in flight. A StreamingIndicator says a response is being produced here. One means wait, the other means watch this spot — reaching for the wrong one tells the reader to do the wrong thing.
Or neither
If the length of the wait is known, use a Track instead. A spinner that runs for eight seconds is indistinguishable from one that has hung, and the reader has no way to tell which they are looking at.
It takes its colour from currentColor, so it inherits whatever it sits in —
including the label colour of a disabled button.
| Prop | Type | Default | Description |
|---|---|---|---|
| size | number | 16 | Match the text it sits beside. |
| label | string | "Loading" | Announced via role=status. |