THEME
MOTION
HAPTIC
SOUND
SKELETON
Placeholder block with a shimmer, used while content loads. Compose multiples to mirror the final layout.
Live demo
Import
import { Skeleton } from '@cathode-ui/react';Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
width | number | string | — | — | |
height | number | string | — | — | |
variant | 'text'|'block' | block | — |
Examples
text
<Skeleton variant="text" width={180} />block
<Skeleton width="100%" height={120} />Accessibility
Role: presentation
- aria-hidden set automatically
Feedback
| Haptic | none |
| Sound | none |
Motion states
shimmer