COMPONENTS // FEEDBACK PLACEHOLDER
Skeleton (Loading Placeholder)
Shimmering placeholder skeleton loader mimicking element contours during data loading, preventing layout shifts and perceived latency.
Interactive Playground
Profile Skeleton Mockup
Combines circular, text, and rectangular variants.Props Reference
| Property | Type | Default | Description |
|---|---|---|---|
| variant | 'rectangular' | 'circular' | 'text' | 'rectangular' | Placeholder contour shape |
| width | string | '' | Width dimension (e.g. '100%', '40px') |
| height | string | '' | Height dimension (e.g. '24px', '1rem') |
| lines | number | 1 | Number of text lines if variant is 'text' |