Skeleton
Loading placeholders as text, a card or a list, pulsing or shimmering.
Usageimport { Skeleton } from "./Skeleton";
1import { Skeleton } from "./Skeleton";2 3<Skeleton />Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).
Props
| Prop | Type | Default |
|---|---|---|
| variant | text | card | list | text |
| lines | 1 | 2 | 3 | 4 | 5 | 3 |
| animation | shimmer | pulse | shimmer |
| width | sm | md | lg | md |