Skeleton

Use to show a placeholder while content is loading.

Installation

pnpm dlx shadcn@latest add https://designsystem.wfp.org/r/skeleton.json

import { Skeleton } from "@/components/ui/skeleton";

<Skeleton className="h-5 w-25 rounded-full" />