English | [简体中文](./README-zh_CN.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

## Installation

```sh
$ npm install @ray-js/components-ty-loading
# or
$ yarn add @ray-js/components-ty-loading
```

## Usage

### Basic Usage

```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>
  );
}
```

### Custom Color

```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>
  );
}
```

### Custom Size

```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>
  );
}
```