Spinner
Loading spinner in four sizes.
Install
npx shadcn@latest add https://plinth.dhrumilkherde.com/r/spinner.jsonUsage
Inherits currentColor, so it matches surrounding text automatically. The
Button uses it for its loading state.
import { Spinner } from "@/components/ui/spinner";
<Spinner size="lg" className="text-muted-foreground" />Props
| Prop | Type | Default |
|---|---|---|
size | sm · md · lg · xl | md |
Accessibility
- Ships with
role="status"andaria-label="Loading", so it's announced; overridearia-labelfor more specific messages.