Checkbox 多选框

在一组可选项中进行多选

构成

Content

1

1: 选择框

必有,显示选中状态

2:文字

必有,首字母大写,定义选项文本描述

2

变体/类型

Content

active

Content

active-selected

Content

disabled

Content

disabled-selected

使用场景

content

Button

Content

Content

Content

交互

Content

Default

组件的初始或未交互状态

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

中文