display: Switch family: general
Switch
开关选择器，点击切换开关状态。
API
Props
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| checked | 指定当前是否选中，若有值，则为受控模式 | boolean | false |
| defaultChecked | 初始是否选中 | boolean | false |
| disabled | 是否禁用 | bool | false |
| readOnly | 只读模式 | boolean | false |
| className | Switch 类名 | string | |
| onChange | 点击时回调函数 | Function(checked: boolean, event: Event) |
CSS API
| 名称 | 说明 |
|---|---|
| switch__track | switch 轨道样式 |
| switch--checked__track | 选中时的 switch 轨道样式 |
| switch--unchecked__track | 未选中时的 switch 轨道样式 |
| switch--checked--disabled__track | 禁用且选中时的 switch 轨道样式 |
| switch--unchecked--disabled__track | 禁用且未选中时的 switch 轨道样式 |
| switch__thumb | 选中时的圆样式 |
| switch--checked__thumb | 选中时的 switch 圆样式 |
| switch--unchecked__thumb | 未选中时的 switch 圆样式 |
| switch--checked--disabled__thumb | 禁用且选中时 switch 圆样式 |
| switch--unchecked--disabled__thumb | 禁用且未选中时的 switch 圆样式 |