Skeleton

A placeholder loading state for content.

Installation

pnpm dlx shadcn@latest add @saturation/skeleton

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

<Skeleton className="h-4 w-[250px]" />

Skeleton for a card layout.

Skeleton list items.

Skeleton with avatar placeholder.

Prop	Type	Default	Description
`className`	`string`	—	Additional CSS classes.

On This Page