[English](./README.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)

> 骨架屏

## 安装

```sh
$ npm install @ray-js/skeleton
// 或者
$ yarn add @ray-js/skeleton
```

## 使用

```tsx

.customSkeleton {
  --width: 50%; // 支持以下css变量
  --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>
    )
};
```