Skeleton

Use to show a placeholder while content is loading.

Installation

pnpm dlx shadcn@latest add https://8bit.cnlibs.com/r/skeleton.json

Usage

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

<div className="flex w-full max-w-sm flex-col gap-3">
  <Skeleton className="h-32 w-full" />
  <Skeleton className="h-4 w-3/4" />
  <Skeleton className="h-4 w-1/2" />
</div>