leafyGreen UI Kit Skeleton Loader
npm install @leafygreen-ui/skeleton-loader``shell`
pnpm add @leafygreen-ui/skeleton-loader
`shell`
yarn add @leafygreen-ui/skeleton-loader
`shell`
npm install @leafygreen-ui/skeleton-loader
`jsx`
#### Skeleton
| Name | Type | Default | Description |
| ---------------- | -------- | --------- | ------------------------------------- |
| size | string | default | Determines the height of the skeleton |div
| HTML props | | | Additional HTML div properties |
#### Paragraph Skeleton
| Name | Type | Default | Description |
| ---------------- | --------- | ------- | -------------------------------------------------------- |
| withHeader | boolean | false | Indicates whether the header skeleton should be rendered |div
| HTML props | | | Additional HTML div properties |
#### Table Skeleton
| Name | Type | Default | Description |
| ---------------- | ------------------------ | ------- | ------------------------------------------------------------------------------------- |
| columnLabels | Array | | Column labels. Empty strings will be treated as unknown and render a simple skeleton. |numRows
| | number | 5 | Number of rows |numCols
| | number | 4 | Number of columns |baseFontSize
| | 13 \| 16 | 13 | Base font size |div
| HTML props | | | Additional HTML div properties |
#### Form Skeleton
only extends HTML div props.
#### Card Skeleton
only extends HTML div props.
#### Icon Skeleton
| Name | Type | Default | Description |
| ---------------- | ----------------------------------------------------------- | --------- | ------------------------------------- |
| size | 'small'\| 'default'\| 'large'\| 'xlarge'\| number | default | Determines the height of the skeleton |div` props | | | Additional HTML div properties |
| HTML