Theme: Smoke
Background: Field
Theme: Smoke
Background: Field
System

Spinner

Loading in progress

An animated circular indicator that communicates an ongoing process. Available in three sizes and three tones: default, neutral, and inherit, which takes the colour of the control it sits in.

Sizes

Variants

tsx
// From the npm package
import { Spinner } from 'rift-ds/components/Spinner/Spinner';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/spinner.json