Components
Loading preview...
Used to show a placeholder while content is loading.
npx shadcn@latest add https://21st.dev/r/sean0205/skeletonimport { Skeleton } from '@/components/ui/skeleton';
export default function SkeletonDemo() {
return (
<div className="flex items-center space-x-4">
<Skeleton className="size-16 rounded-full" />
<div className="space-y-2">
<Skeleton className="h-5 w-[225px]" />
<Skeleton className="h-4 w-[175px]" />
</div>
</div>
);
}