Skeleton
Placeholder shapes that pulse while content is loading. Compose them to mirror the layout of real content.
Examples
Text block
Card
List rows
Props
width
string | number
Width of the skeleton. Numbers are treated as px.
height
string | number
Height of the skeleton. Numbers are treated as px.
rounded= 'sm'
'none' | 'sm' | 'md' | 'full'
Border radius preset.
className
string
Additional Tailwind classes — useful for responsive widths.
| Prop | Type | Default | Description |
|---|---|---|---|
| width | string | number | — | Width of the skeleton. Numbers are treated as px. |
| height | string | number | — | Height of the skeleton. Numbers are treated as px. |
| rounded | 'none' | 'sm' | 'md' | 'full' | 'sm' | Border radius preset. |
| className | string | — | Additional Tailwind classes — useful for responsive widths. |