Skeleton
A loading stand-in that matches the shape of what is coming: text lines, rectangles, circles.
Example
<Skeleton variant="text" lines={3} label="Loading article…" />
<Skeleton variant="rect" width="100%" height="6rem" label="Loading card…" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | text | rect | circular | text | Shape. |
lines | number | 3 | Text lines. |
width / height | string | - | Box size. |
label | string | Loading… | Announced text (explicit aria-label). |
Accessibility
role="status"with an explicit label naming WHAT loads.- Animation pauses under reduced motion.