Spinner

Shows that something is loading.

Installation

$ npx shadcn@latest add @constella/spinner

import { Spinner } from "@/components/ui/spinner";

<Spinner />

Render it inside a Button with data-icon="inline-start".

<Button disabled>
  <Spinner data-icon="inline-start" />
  Saving
</Button>

Takes every prop of <output>, plus:

Prop	Type	Default
`aria-label`	`string`	`"Loading"`
`sx`	`StyleXStyles`, applied last