Checkbox 多选框
多选框是一个选择控件,允许用户通过单击在选中和未选中之间切换。
构成
Content
1
1: 选择框
必有,显示选中状态
2:文字
必有,定义选项文本描述
2
变体/类型
Content
active
Content
active-selected
Content
hover
Content
disabled
Content
disabled-selected
使用场景
Content
Content
Content
Title
Content
Button
Button
交互
Content
Default
组件的初始或未交互状态
Content
Hover
鼠标悬停在组件上的临时状态,用户预示点击可能性
Content
Selected
当前内容,已被用户选中
Content
Disabled
表示当前不可交互或不可用的选项
Content
Disabled
表示当前不可交互或不可用的选项
标注
md-16
sm-14
Content
Content
20px
16px
16px
8px
14px
8px
多语言适配
Content
默认态
Content Content Content Content Content
超长处理
说明:
折行,且建议最多展示两行,超出2行精简文案
因Checkbox的使用场景不一,换行规则由设计师在设计图上标注
顶对齐或左对齐
RTL
Quantity
LTR
الكمية/المبلغ
RTL
用法
The Checkbox text is too long and needs to be displayed in a line break
正确
The Checkbox text is too long and needs to be displayed in a line break
错误
需要折行的文本内容,选择框始终与文本顶部对齐。
多选框
复选框
勾选框
勾选按钮
选择框