Spinner

Ring, dots and petal loaders that inherit `currentColor` and announce themselves to screen readers.

2 files · 57 locdeps: clsx, tailwind-merge

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/spinner.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs spinner

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

<Spinner variant="dots" />

Prop	Type	Default	Description
variant	"ring" \| "dots" \| "bars"	"ring"	Shape of the loader.
size	"xs" \| "sm" \| "md" \| "lg"	"sm"	Size (ring and bars).
label	string	"Loading"	Accessible label (role=status).