# 开关 Switch

分类：表单 · React：Switch

立即生效的开 / 关。需要「保存」才生效的选项用复选。

## 示例
```html
<label class="xxd-choice"><input type="checkbox" role="switch" class="xxd-switch" checked>完成音效</label>
```

## 属性与类名
- `data-size`：sm | （缺省）| lg
- `role="switch"`：必须
- 类名：`xxd-switch`

## 键盘与读屏
- <input type="checkbox" role="switch">，读屏读「开 / 关」
- 标签写开着时是什么（「完成音效」），不要写「开启完成音效」

## 规则
- 直角模式下开关也是方的（--r-pill）
- 开 = --switch-on：墨色时是灰，有主色时是主色