Searching apartments in New York…
)
}
```
## Props
| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `variant?` | `"ring" \| "dots" \| "bars" \| "pulse" \| "orbit" \| "spokes"` | `"ring"` | ring: a quarter arc over a faint track. dots: three dots in a wave. bars: three bars like an equalizer. pulse: a dot with an expanding ring. orbit: two dots circling. spokes: the iOS activity indicator, 8 spokes (12 from 40px) with the light traveling clockwise. |
| `size?` | `"sm" \| "md" \| "lg" \| number` | `"md"` | 16 / 24 / 40px, or any px number (12 at least). sm for inline text and buttons, md for cards and panels, lg for a whole page. The ring stroke and the label grow with it. |
| `tone?` | `"current" \| "neutral" \| "brand" \| "success" \| "warning" \| "danger" \| "info"` | `"current"` | current follows the text color, so it works inside any colored parent (a solid button, a colored chip). A tone paints the indicator with the design tokens and the visible label with the readable tone text. |
| `color?` | `string` | `""` | Any CSS color. Replaces the tone; faded parts use the same color at lower opacity. Leave empty to use the tone. |
| `speed?` | `number` | `1` | Playback multiplier: 0.5 is half speed, 2 twice as fast. Clamped to 0.25 to 4. Every style keeps its own rhythm (ring 0.75s, spokes 0.8s, dots 1s per loop). |
| `label?` | `string` | `"Loading"` | The accessible name, announced once as a polite status. Shown next to the indicator with showLabel. Pass aria-hidden when a parent already announces the loading (a loading button): the spinner then drops its status role and this label. |
| `showLabel?` | `boolean` | `false` | Shows the label next to (or under) the indicator. Without it the label is only for screen readers. |
| `labelPosition?` | `"end" \| "bottom"` | `"end"` | end sits beside the indicator for inline use; bottom stacks it, for page and panel loaders. |
| `track?` | `boolean` | `true` | Ring only: the faint full circle under the arc. Turn it off for a lighter look on busy backgrounds. |
| `delay?` | `number` | `0` | Milliseconds before anything renders, label included, counted from mount. 300 hides the spinner entirely for fast loads, so it never flashes; after the wait it fades in. A spinner that is already showing never hides again when delay changes (remount it with a key to replay the wait). |
| `paused?` | `boolean` | `false` | Holds the current frame. Useful while a pull-to-refresh is still being dragged, or for a still in a gallery. |
| `classNames?` | `Partial