Skip to content

ComponentsSpinner

Components

Spinner

The cds ring spinner: muted track with a fading arc, sizes 12 / 16 / 20, optional reveal delay.

Sizes and tones

sm 12 / 1.5px · md 16 / 1.75px · lg 20 / 2px. One turn per second; static under reduced motion.

Muted (default)
LoadingLoadingLoading
Current colourArc in currentColor on a 25% track (inside buttons, on accent).
LoadingLoadingLoading Saving Uploading

Delay

Keeps its box while hidden, so nothing shifts when it appears.

300ms reveal
Searching…
Page loading
Loading artifacts

Light and dark

LoadingLoadingLoading
LoadingLoadingLoading