Skeleton
A placeholder component with a shimmer animation for loading states.
Preview
Interactive Preview
Installation
Usage
tsx
import { Skeleton } from "@/components/ui/skeleton"
export default function Loading() {
return (
<div className="flex items-center space-x-4">
<Skeleton className="h-12 w-12 rounded-full" />
<div className="space-y-2">
<Skeleton className="h-4 w-[250px]" />
<Skeleton className="h-4 w-[200px]" />
</div>
</div>
)
}