Skeleton
Animated placeholder block. Build loading states by stacking Skeletons in the rough shape of the eventual content.
Default
Single block.
Usage
Import the parts you need from the component's folder.
ts
import { Skeleton } from "@/components/ui/skeleton";Avatar
A round media block beside two lines of text.
Card
Mimic the shape of a card-style item.
Text
Stacked lines with a shorter last line, like a paragraph.
Form
Label and control pairs plus a submit button.
Table
Repeat a row of blocks to stand in for tabular data.