使用建议
开关选择器,表示两种互斥状态的即时切换,支持加载态与自定义文案。
Accessibility
ARIA role:switch
- 根元素 <div class="cd-switch">,role=switch 挂在内部隐藏的 <input type=checkbox>(对齐 Semi DOM 结构)
- aria-checked 反映状态;loading 时 input disabled(阻断交互,非 aria-busy)
设计变量
变量 | 默认值 | 用法 |
|---|---|---|
| --cd-switch-transition-duration | var(--cd-motion-duration-mid) | 开关过渡动画时长(Semi=200ms) |
| --cd-switch-transition-easing | ease-in-out | 开关过渡曲线(对齐 Semi ease-in-out) |
显示第 1 条-第 2 条,共 2 条
- 1