Skeleton
A placeholder loading indicator that mimics the shape of content while it loads.
Basic Shapes
Card Skeleton
Usage
Use skeletons to indicate content is loading. Match the shape and size of the actual content for a smooth visual transition.
Prefer skeletons over spinners for content-heavy layouts where you know the shape of what's loading.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Controls size and shape via Tailwind classes (h-*, w-*, rounded-*) |