Skeleton
Skeletons can be used as a preview for your content before data gets loaded.
Width and Height
Change the dimensions of the skeleton using the width and height props.
import { Skeleton } from 'chic-ui';
<Skeleton />
<Skeleton width={80} height={60} />
Shapes
Get skeletons of any shape by changing the borderRadius prop.
<Skeleton borderRadius='50%' />
<Skeleton borderRadius='30%' />
API
import { Skeleton } from 'chic-ui';
| Name | Type | Default | Description |
|---|---|---|---|
| width | number | 100 | Width of the skeleton |
| height | number | 100 | Height of the skeleton |
| borderRadius | string | 'none' | Sets the border radius for the Skeleton |
| className | string | Provide external classnames to the component | |
| style | React.CSSProperties | Override default styling of the component |