Plinth

Spinner

Loading spinner in four sizes.

Install

npx shadcn@latest add https://plinth.dhrumilkherde.com/r/spinner.json

Usage

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

PropTypeDefault
sizesm · md · lg · xlmd

Accessibility

  • Ships with role="status" and aria-label="Loading", so it's announced; override aria-label for more specific messages.

On this page