使用建议
开关选择器,表示两种互斥状态的即时切换,支持加载态与自定义文案。
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) | 开关过渡动画曲线(组件消费) |