## ToggleButton

### 预览

> TODO: 补充组件截图/动图（如项目文档体系需要）。

### 基本信息

| 基本信息 | |
| --------- | -------------------- |
| 中文名称 | 切换按钮 |
| 描述 | 带标题/可选 icon 的按钮样式组件，点击/长按回调；按压时展示蒙层反馈。 |
| 位置 | `src/hyperOS/components/toggleButton` |

### 使用方法

```jsx
import React from 'react';
import { Text } from 'react-native';
import { ToggleButton } from '@hyperOS/components/toggleButton';

<ToggleButton
  data={{
    title: 'Title',
    icon: <Text>ICON</Text>,
  }}
  onPress={() => {
    // do something
  }}
/>;
```

### 参数

| 属性 | 类型 | 说明 | 默认值 |
| ------------- | ------------------------------------- | -------------------- | ------- |
| disabled | <code>boolean</code> | 是否禁用点击 | `false` |
| onPress | <code>() => void</code> | 点击回调 | - |
| onLongPress | <code>() => void</code> | 长按回调 | - |
| allowFontScaling | <code>boolean</code> | 是否跟随系统字体大小变化 | - |
| data | <code>{ icon?: ReactElement; title?: string }</code> | icon/title 配置 | - |
| accessible | <code>boolean</code> | 无障碍-是否可访问 | - |
| accessibilityLabel | <code>string</code> | 无障碍-标签 | - |
| accessibilityHint | <code>string</code> | 无障碍-提示 | - |
| accessibilityValue | <code>any</code> | 无障碍-值 | - |