Skeleton
Display a placeholder preview of component before the data gets loaded, it can help to the user aware and that the data is processing.
Variant
The skeleton has two variations in appearance, combining multiple skeletons to make a component holder.
Size
Sizes of Skeleton can be customize with
width & height props.Animation
Animation can be disabled by setting
animation to false.API
Skeleton
| Prop | Description | Type | Default |
|---|---|---|---|
| animation | Whether to active animation | boolean | true |
| asElement | Render element | string | 'span' |
| height | Height of Skeleton | string | number | - |
| variant | Appearance of Skeleton | 'block' | 'circle' | 'block' |
| width | Width of Skeleton | string | number | - |