用于单选场景。
通用原则
- 常用于单选场景，且选项需成组出现（大于 2 个选项）
- 若用户可以不选择任何一项，请提供一个值为「空」的选项
- 推荐默认选中第 1 个
- 选项数量不宜超过 7 个
类型
| 类型 | 何时使用 |
|---|---|
| 基础型 | 常用类型，体积小节省空间 |
| 按钮型 | 复杂表单录入场景 |
基础型
按钮型
构成
- 选择框
- 选项名称
- 字数过多的时候，建议使用结构化表达
- 可配合其他辅助文字使用（比如灰色说明文字）
行为
四大状态
选择
- 热区：选择框，选项名称或自定义背景热区
- 选择操作
- 选项间互斥：选择任意一个选项，其他选项将取消选择
- 已经选中的选项不可再点击
样式
布局
- 单个选项：按钮与文本首行呈水平顶部对齐
- 横向：间距 24px, 容器宽度不足时选项自动换行
- 横向：间距 16px
若有收获，就点个赞吧
0 人点赞
