Skeleton
stableserver-safe
A placeholder in the shape of the content that's coming. Match the real layout, or the swap will jump.
Shaped to the content
<Skeleton height="28px" width="60%" />
<Skeleton height="14px" />
<Skeleton height="14px" width="40%" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| width | string | — | Any CSS length. |
| height | string | — | Any CSS length. |
Guidance
Don't
- Don't use a skeleton for waits under about 300ms — the flash is worse than the wait.
Accessibility
aria-hidden, so screen readers skip it entirely. Announce loading state on the region instead.
The pulse is removed under prefers-reduced-motion.