Components

Skeleton

A placeholder shown while content loads.

Installation

npx shadcn@latest add @blank/skeleton

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

<Skeleton className="h-4 w-40" />

Match the skeleton to the layout it stands in for, and mark the container aria-busy so assistive technology knows content is coming.