Skeleton
A low-emphasis placeholder shown while content is loading. It's just a tinted,
pulsing <div> — you size and shape it with width/height and border-radius to
mirror the real content's layout.
Text lines
Stack a few with varied widths to stand in for a paragraph or list row.
Composed placeholder
Combine differently sized skeletons to mirror a card (avatar + two text lines).
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Sizing/shape utilities (width, height, rounding). |
Any other native <div> attributes (style, aria-*, …) are forwarded. The
block is a subtle pulsing placeholder; override the background via className
if you need a different surface.