Skeleton
Placeholder loading indicators for content that is still being fetched.
Text
Text skeleton with configurable line count.
1 line
3 lines
Shapes
Circular and rectangular skeleton variants.
Circular
Rectangular
Card
Pre-built skeleton card for common card loading patterns.
Loading Pattern
Toggle between skeleton loading state and actual content.
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "text" | "circular" | "rectangular" | "text" | The shape variant of the skeleton. |
width | string | number | — | Width of the skeleton element. |
height | string | number | — | Height of the skeleton element. |
lines | number | 1 | Number of text lines to render (only for text variant). |
className | string | — | Additional CSS class name. |
SkeletonCard
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Additional CSS class name for the card skeleton. |