@highlight-ui/skeleton

Using npm:

``bash
npm install @highlight-ui/skeleton
`

Using yarn:

`bash
yarn add @highlight-ui/skeleton
`

Using pnpm:

`bash
pnpm install @highlight-ui/skeleton
`

In your (S)CSS file:

`scss
@import url('@highlight-ui/skeleton');
`

Once the package is installed, you can import the library:

`ts
import { Skeleton } from '@highlight-ui/skeleton';
`

Usage

`tsx
import React from 'react';
import { Skeleton } from '@highlight-ui/skeleton';

export default function SkeletonExample() {
return ;
}
`

Props 📜

| Prop | Type | Required | Default | Description |
| :---------- | :------- | :------- | :------ | :---------------------------------------------------------------------------------- |
| color | string | No | | Sets the background color of all skeleton blocks, accepts any valid CSS color value |
| height | number | No | | Sets the height in pixels of all skeleton blocks |
| repeat | number | No | | Determines the number of skeleton blocks to render |
| className | string` | No | | Allows providing a custom class name |

Contributing 🖌️

Please visit personio.design for usage guidelines and visual examples.

If you're interested in contributing, please visit our contribution page.