Spinner

Small loading indicator for command and inline pending states.

Spinners are for short pending states. Prefer progress when completion is measurable and skeletons when layout is pending.

Playground

Props in the URL.

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground.

States

Every state maps to the same render route through the `state` query param.

Default

Default, sky, and inverse spinners.

Tiny

Small inline pending indicator.

Props

Name	Type	Default	Description
`size`	`number`	`18`	Rendered SVG width and height.
`tone`	`'default' \| 'sky' \| 'inverse'`	`default`	Stroke tone.