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

错误

需要折行的文本内容,选择框始终与文本顶部对齐。



多选框
复选框
勾选框
勾选按钮
选择框

DESIGN

中文