Skeleton
Skeleton loading placeholder s shimmer / wave / pulse animací + SkeletonCard a SkeletonListItem
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/skeleton.json
Usage
Preview
Varianty animace
shimmer
pulse
wave
Tvary
Karta skeleton
Import
import { Skeleton, SkeletonCard, SkeletonListItem } from "@/components/ui/skeleton"
Example
// Předdefinované varianty
<SkeletonCard variant="shimmer" />
<SkeletonListItem variant="shimmer" />
// Vlastní skeleton
<Skeleton shape="circle" className="size-12" />
<Skeleton shape="line" className="w-1/2" />
<Skeleton shape="rect" className="h-40 w-full" />
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)