Skeleton
Beautiful loading placeholders for content. Use to indicate progress while data fetches.
Essentials
Text variants
Circle & Rect
Profile Card Placeholder
List Placeholder
Table Rows Placeholder
Article Placeholder
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | :text | :circle | :rect | :text | Skeleton shape variant |
| size | :sm | :md | :lg | :md | Size for text and circle variants |
| lines | integer | 1 | Number of lines for text variant |
| width | string | nil | Custom width (e.g., "200px") |
| height | string | nil | Custom height (e.g., "100px") |