| 1 | ## Switch 开关组件
|
| 2 | > 目前支持两种尺寸：`default|small`
|
| 3 |
|
| 4 | ### API
|
| 5 |
|
| 6 | | 参数 | 说明 | 类型 | 默认值 | 是否必传 | 备注 |
|
| 7 | | --- | --- | :---: | :---: | :---: | --- |
|
| 8 | | className | 自定义类名 | `string` | 无 | 否 | |
|
| 9 | | prefixCls | 自定义类名前缀 | `string` | `phoenix-switch` | 否 | 非必要时不建议使用，传值后需要自定义所有样式 |
|
| 10 | | disabled | 是否可用 | `boolean` | `false` | 否 | |
|
| 11 | | size | 组件尺寸，可选值为`default、small` | `string` | `default` | 否 | |
|
| 12 | | checkedChildren | 开启状态时组件内显示的内容 | `ReactNode` | `null` | 否 | |
|
| 13 | | unCheckedChildren | 关闭状态时组件内显示的内容 | `ReactNode` | `null` | 否 | |
|
| 14 | | onChange | 状态改变时的回调, 参数为`checked`和`SyntheticEvent` | `function` | 无 | 否 | |
|
| 15 | | onMouseUp | 鼠标抬起时的回调，参数为`SyntheticEvent` | `function` | 无 | 否 | |
|
| 16 | | onClick | 点击回调, 参数为`checked`和`SyntheticEvent` | `function` | 无 | 否 | |
|
| 17 | | tabIndex | tabindex值 | `number` | `0` | 否 | 若tab键切换时不希望被遍历到，请设置值为-1 |
|
| 18 | | checked | 开关状态 | `boolean` | `false` | 否 | |
|
| 19 | | defaultChecked | 开关默认状态 | `boolean` | `false` | 否 | |
|
| 20 | | autoFocus | 自动获得焦点 | `boolean` | `false` | 否 | |
|
| 21 | | loading | loading状态 | `boolean` | `false` | 否 | |
|
| 22 | | style | 内联样式 | `object` | 无 | 否 | |
|