Spinner

Indeterminate loading indicator.

shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026

Installation

import { Spinner } from "@aspyn-io/kit";

Default

Sizes and color

Sized and colored with utilities: it inherits currentColor and scales with size-*.

In a button

Notes

  • Exposes role="status" with an accessible label (default "Loading"); pass label to describe the specific action, e.g. label="Saving".
  • Uses the animate-spin utility; honors reduced-motion when the app disables that animation.