Switch 设计文档

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

← API 文档

使用建议

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

Accessibility

ARIA role:switch

  • 原生 button role=switch
  • aria-checked 反映状态
  • loading 时 aria-busy

设计变量

变量默认值用法
--cd-motion-switch-transitionduration var(--cd-motion-duration-mid)开关动画时长
--cd-switch-spinner-duration var(--cd-motion-duration-slow)加载 spinner 旋转时长(组件消费)
--cd-switch-transition-duration var(--cd-motion-switch-transitionduration)开关过渡动画时长(组件消费)
--cd-switch-transition-easing var(--cd-motion-ease-standard)开关过渡动画曲线(组件消费)