Components / Spinner

Spinner

Work in progress with no known end point: agents running, a save in flight, a view loading. For determinate work use Progress.

import { Spinner } from '@layers/ui/spinner'

Rendered stock

House rules

  • This REPLACES the stock shadcn Spinner: the registry component is deliberately not installed. The familiar spinning loader lives inside the inline variant; always reach for a Spinner variant, never a raw animate-spin icon.
  • Four variants, picked by surface: inline (Elle mark plus shimmer label), view (centered view loader), dot (live-status pulse), status (timed shimmer line for streaming work).
  • Every mutation shows its spinner on the explicit Save action; no optimistic saves.
  • Status copy stays honest: label the real work when it is nameable, and fall back to the ambient phrases otherwise.

See also