Skeleton
Use to show a placeholder while content is loading.
import { Skeleton } from "@/components/ui/skeleton"
export function SkeletonDemo() {Installation
pnpmnpmyarnbun
Usage
import { Skeleton } from "@/components/ui/skeleton"<Skeleton className="h-[20px] w-[100px] rounded-full" />Examples
Card
import { Skeleton } from "@/components/ui/skeleton"
export function SkeletonCard() {API Reference
Skeleton
The Skeleton component accepts all standard div props plus Tailwind classes for sizing and styling.