Skeleton
Loading placeholder in text, heading, circular, or rectangular shapes.
Example
Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
variant | 'text' | 'circular' | 'rectangular' | 'text' | No | Shape variant |
width | string | number | — | No | Custom width (number = px) |
height | string | number | — | No | Custom height (number = px) |
Accessibility
- aria-hidden="true" — content is decorative
- role="presentation"
Related Tokens
--skeleton-surface