Checkbox 设计文档

多选框,可独立使用或置于 CheckboxGroup 中管理一组选项,支持半选态。

← API 文档

使用建议

多选框,可独立使用或置于 CheckboxGroup 中管理一组选项,支持半选态。

Accessibility

ARIA role:checkbox(由内层原生 input 天然承载,根节点不显式声明)

  • 隐藏原生 input(opacity:0,铺满可点区域)
  • indeterminate 用 DOM 属性
  • extra 经 aria-describedby 关联

设计变量

变量
默认值
用法
--cd-transition-delay-checkbox-bg var(--cd-motion-delay-none) 复选框-背景色-延迟时间
--cd-transition-delay-checkbox-border var(--cd-motion-delay-none) 复选框-边框-延迟时间
--cd-transition-duration-checkbox-bg var(--cd-motion-duration-none) 复选框-背景色-动画持续时间
--cd-transition-duration-checkbox-border var(--cd-motion-duration-none) 复选框-边框-动画持续时间
--cd-transition-function-checkbox-bg var(--cd-motion-ease-in) 复选框-背景色-过渡曲线
--cd-transition-function-checkbox-border var(--cd-motion-ease-in) 复选框-边框-过渡曲线
显示第 1 条-第 6 条,共 6 条
  • 1