Skeleton
Loading placeholder shimmer.
Import
tsx
import { Skeleton } from "@cooud-ui/ui";
bash
npx cooud-ui add skeleton
On this page
Loading placeholder shimmer.
import { Skeleton } from "@cooud-ui/ui";
npx cooud-ui add skeleton
On this page
Placeholder shapes that mirror content while it loads.
<div className="flex items-center gap-3"><Skeleton className="size-12 rounded-full" /><div className="flex flex-1 flex-col gap-2"><Skeleton className="h-3 w-3/4 rounded-md" /><Skeleton className="h-3 w-1/2 rounded-md" /></div></div>