Skeleton

1import { Skeleton } from "passport-ui";

1<Skeleton className="size-12" />
2 
3{/* Card skeleton */}
4<div className="flex flex-col gap-3 w-sm">
5  <Skeleton className="h-48 w-full rounded-xl" />
6  <div className="grid gap-2">
7    <Skeleton className="h-4 w-full" />
8    <Skeleton className="h-4 w-4/5" />
9  </div>
10</div>
11 
12{/* Text skeleton */}
13<div className="space-y-2">
14  <Skeleton className="h-4 w-full" />
15  <Skeleton className="h-4 w-3/4" />
16  <Skeleton className="h-4 w-1/2" />
17</div>