Loader
Spinner s 5 velikostmi a 9 barvami
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/spinner.json
Usage
Preview
Typy (spin / ring / dots / bars / pulse)
spin
ring
dots
bars
pulse
Velikosti (spin)
Barvy (dots)
Barvy (bars)
Import
import { Spinner } from "@/registry/cs/ui/spinner/spinner"
Example
// Základní použití
<Spinner />
// Varianty
<Spinner variant="spin" /> // výchozí rotující kruh
<Spinner variant="ring" /> // prsten
<Spinner variant="dots" /> // tečky
<Spinner variant="bars" /> // pruhy
<Spinner variant="pulse" /> // pulzující kruh
// Velikosti: xs | sm | md | lg | xl
<Spinner size="lg" />
// Barvy: primary | secondary | blue | green | red | orange | yellow | grey | dark
<Spinner color="green" variant="dots" size="md" />
Dependencies
lucide-reacthttps://registry.ceskysoftware.cz/r/utils.json (registry)