Component <Skeleton />
Props
| Props | Type | Meaning | Possible values |
|---|---|---|---|
| width | string / number | Change skeleton width | from 0 to any number or string with units |
| height | string / number | Change skeleton height | from 0 to any number or string with units |
| variant | string | Change skeleton shape | text / rect / circle |
| animation | string / boolean | Change skeleton animation | pulse / wave / false |
| spaceTop | number | Change skeleton top margin | from 0 to any number |
| spaceLeft | number | Change skeleton left margin | from 0 to any number |
| spaceBottom | number | Change skeleton bottom margin | from 0 to any number |
| spaceRight | number | Change skeleton right margin | from 0 to any number |
| as | string | Set skeleton render element | tag name |
Shapes
<Skeleton variant="circle" width={40} height={40} />
<Skeleton variant="text" width={300} />
<Skeleton variant="rect" width={210} height={118} />
Animations
<Skeleton animation="pulse" />
<Skeleton animation="wave" />
<Skeleton animation={false} />