Skeleton
Skeleton Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| variant | selecttext | circle | rectangle | — | |
| width | text | — | |
| height | text | — | |
| animation | selectpulse | wave | none | — |
TextLines
CardSkeleton
AvatarWithText
TableRowSkeleton
WaveAnimation
NoAnimation
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
animation | select | — | Animation type |
height | text | — | Height (CSS value) |
variant | select | — | Shape variant |
width | text | — | Width (CSS value) |
Using Skeletontsx
import { Skeleton } from '@/components/Skeleton'
<Skeleton
variant="..."
width="..."
height="..."
animation="..."
/>Tokens Used
No design tokens detected