Checkbox · 复选框

来源:参考组件库(4 个状态:unchecked / checked / indeterminate / disabled)· 同步 2026-09-29 · 用于多选场景(协议 / 标签 / 筛选)

🎨 4 个状态

Unchecked(默认)
Checked(已选)
Indeterminate(部分)
Disabled(禁用)

📋 实际使用(多选协议 + 标签筛选)

协议确认(必勾 1 个或多个)
标签筛选(多选)

📐 Spec Details

Box 尺寸
20×20px
圆角
4px
未选 Border
2px solid --grey-300
选中背景
--yellow-500
对勾尺寸
14px / 白色
Focus 光晕
--yellow-500 3px 20% opacity
间距
12px(box ↔ label)
禁用透明度
0.5
Indeterminate
黄色背景 + 白色横线

🎯 使用规则