Primitive

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.
feedback
DOM renderImage render
SpinnerDefault

Playground

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

Loading playground

Rendered matrix

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

Default

Default, sky, and inverse spinners.
Render state

Tiny

Small inline pending indicator.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
density'compact' | 'comfortable' | 'editorial'comfortableFoundation-backed SVG scale.
intent'neutral' | 'sky' | 'inverse'neutralStroke intent.