Switch 设计文档

开关选择器,表示两种互斥状态的即时切换,支持加载态与自定义文案。

← API 文档

使用建议

开关选择器,表示两种互斥状态的即时切换,支持加载态与自定义文案。

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