Spinner

An accessible loading spinner built on Lucide's Loader2 icon.

Installation

npx shadcn@latest add https://reactdocs.canceydejean.dev/r/spinner.json

Use the spinner to indicate loading or pending state. Pass className to adjust size or color.

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

export function Example() {
  return <Spinner className="size-6" />;
}