Components / Spinner

Spinner

<Spinner />Stable

Indeterminate loading indicator. Inherits color from text. Use when you don't know how long something will take — for known durations, use Progress.

import { Spinner } from "@/components/upnext";

Playground

Edit any prop in the inspector — preview and code update together. Hover any color for hex + token.

Preview

Code

import { Spinner } from "@/components/upnext";


<Spinner />

Sizes & colors

<Spinner />

Composition

<Button disabled>
  <Spinner />
  Sending offer letter
</Button>

Source

The wrapper is a thin re-export; the actual styling lives in the shadcn primitive.