Shimmer Skeleton Demo

1import {
2  ShimmerSkeleton,
3  ShimmerSkeletonText,
4} from "@/registry/loomui/shimmer-skeleton"
5 
6export default function ShimmerSkeletonDemo() {
7  return (
8    <div className="w-full max-w-sm">
9      <div className="border-border bg-card rounded-xl border p-5">
10        <div className="flex items-center gap-3">
11          <ShimmerSkeleton className="size-10 shrink-0 rounded-full" />
12          <div className="flex-1 space-y-2">
13            <ShimmerSkeleton className="h-3.5 w-32" delay={80} />
14            <ShimmerSkeleton className="h-3 w-20" delay={160} />
15          </div>
16        </div>
17 
18        <ShimmerSkeleton className="mt-5 h-28 w-full rounded-lg" delay={240} />
19 
20        <ShimmerSkeletonText className="mt-5" lines={3} delay={320} />
21      </div>
22    </div>
23  )
24}