通用原则

• 常用于非相互排斥的选项组

• 选项数量不超过 7* *个为佳

构成

1. 选择框

   1. 分未选、半选、已选三种类型

2. 选项名称

   1. 字数过多的时候，建议使用结构化表达

   2. 可配合其他辅助文字使用（比如灰色说明文字）

行为

四大状态

选择

• 热区：选择框，选项名称或自定义背景热区

• 选择逻辑：

  • 未选时：点击即选中

  • 半选时：点击即清除选择

  • 已选时：点击即清除选择

---

样式

布局

• 单个选项：按钮与文本首行呈水平顶部对齐

• 横向：间距 20px, 容器宽度不足时选项自动换行

• 横向：间距 16px