Components / Feedback
Skeleton
Shimmering placeholders for text, blocks and avatars, plus table, tree, card and page-header layout presets.
@ruckc/truss-ui Feedback
Import
import { Skeleton } from '@ruckc/truss-ui';Playground
variant
lines
rows
API
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'text' | 'rect' | 'circle' | 'table' | 'tree' | 'card' | 'header' | 'text' | `text`, `rect` and `circle` are single bars; `table`, `tree`, `card` and `header` are layout presets sized from the density tokens. |
lines | number | 1 | Number of text lines to draw. |
width | string | number | — | Width in pixels (or any CSS length). |
height | string | number | — | Height in pixels (or any CSS length). |
rows | number | — | Preset rows: table body rows (default 5), tree rows (6) or card text lines (3). |
cols | number | — | Table columns (default 4). |
label | string | 'Loading' | Visually hidden text announced to assistive tech while loading. |