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

# @ray-js/circlehandle

> 方向盘

## 安装

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

## 使用

```tsx
import CircleHandle from '@ray-js/circlehandle';
export default () => (
  <CircleHandle
    onPress={type => console.log('click type:', type)}
    onLongPress={type => console.log('click type:', type)}
    pointColor={{
      top: '#000',
      right: '#000',
      bottom: '#000',
      left: '#000',
    }}
    status={{
      top: true,
      bottom: true,
      left: true,
      right: true,
      center: true,
    }}
    tip={{
      top: 'top',
      right: 'right',
      bottom: 'bottom',
      left: 'left',
    }}
  />
);
```