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

# @ray-js/components-ty-loading

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

> Tuya Ray Loading

## 安装

```sh
$ npm install @ray-js/components-ty-loading
// 或者
$ yarn add @ray-js/components-ty-loading
```

## 使用

### 基础用法

```tsx
import React from 'react';
import { View, Text } from '@ray-js/components';
import Loading from '@ray-js/components-ty-loading';

export default function Home() {
  return (
    <View>
      <Loading />
    </View>
  );
}
```

### 自定义颜色

```tsx
import React from 'react';
import { View, Text } from '@ray-js/components';
import Loading from '@ray-js/components-ty-loading';

export default function Home() {
  return (
    <View>
      <Loading color="red" />
    </View>
  );
}
```

### 自定义尺寸

```tsx
import React from 'react';
import { View, Text } from '@ray-js/components';
import Loading from '@ray-js/components-ty-loading';

export default function Home() {
  return (
    <View>
      <Loading size="100rpx" />
    </View>
  );
}
```