@highlight-ui/skeleton

Using npm:

npm install @highlight-ui/skeleton

Using yarn:

yarn add @highlight-ui/skeleton

Using pnpm:

pnpm install @highlight-ui/skeleton

In your (S)CSS file:

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

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

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

Usage

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

export default function SkeletonExample() {
  return <Skeleton />;
}

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.