Duck Spinner
A duck paddling on water. The rings are the wake.
DisplayServer safe
Preview
Checking registrysm
Installing componentsdefault
Building the themelg
Installation
The CLI writes the source into your project and pulls in whatever it depends on.
$
pnpm dlx shadcn@latest add @duck/duck-spinnerPulls in @duck/theme. Already installed items are skipped.
Usage
import { DuckSpinner } from "@/components/ui/duck-spinner"The file lands in components/ui/duck-spinner.tsx and belongs to you from that point on. Edit it in place rather than wrapping it.
Props
Everything not listed here is forwarded to the underlying element.
| Prop | Type | Default | Description |
|---|---|---|---|
| size | "sm" | "default" | "lg" | "default" | 20px, 32px or 48px. |
| label | string | "Loading" | Screen-reader text. The spinner is a live region. |