NAMCHE UI

Spinner

An inline loading indicator for buttons and in-flight status text.

Waking Timbuktu from cold start

Install

pnpm dlx shadcn@latest add @namche/spinner

Usage

import { Spinner } from '@/components/ui/spinner';
import { Button } from '@/components/ui/button';

<Button disabled>
  <Spinner />
  Provisioning…
</Button>

Spinner is a spinning Lucide Loader2Icon at size-4 with role="status" and aria-label="Loading" already set. Override the size with className (e.g. size-5); it inherits currentColor, so it matches the text color of whatever it sits inside.

On this page