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} />