English | [简体中文](./README-zh_CN.md)

# @ray-js/skeleton

[![latest](https://img.shields.io/npm/v/@ray-js/skeleton/latest.svg)](https://www.npmjs.com/package/@ray-js/skeleton) [![download](https://img.shields.io/npm/dt/@ray-js/skeleton.svg)](https://www.npmjs.com/package/@ray-js/skeleton)

> Skeleton

## Installation

```sh
$ npm install @ray-js/skeleton
# or
$ yarn add @ray-js/skeleton
```

## Usage

```tsx

.customSkeleton {
  --width: 50%; // The following css variables are supported
  --height: 20px;
  --border-radius: 8px;
}

import Skeleton from '@ray-js/skeleton';
export default () =>  {
    return (
        <div>
            <Skeleton animated className={styles.customSkeleton} />
            <Skeleton.Title />
            <Skeleton.Paragraph />
        </div>
    )
};
```