Radio 单选框

用于在预设的一组选项中执行单项选择,并呈现选择结果。

构成

Content

1

1: 选择框

必有,显示选中状态

2:文字

必有,定义选项文本描述

2

变体/类型

Content

active

Content

active-selected

Content

disabled

Content

disabled-selected

使用场景

交互

Content

Default

组件的初始或未交互状态

Content

Selected

当前内容,已被用户选中

Content

Disabled

表示当前不可交互或不可用的选项

Content

Disabled

表示当前不可交互或不可用的选项

标注

md-16

sm-14

Content

Content

20px

16px

16px

8px

14px

8px

多语言适配

Content

ContentContentContentContentContentContent

默认态

超长处理

说明:

折行,且建议最多展示两行,超出2行精简文案

因 Radio 的使用场景不一,换行规则由设计师在设计图上标注

顶对齐或左对齐

RTL

UTC Time

LTR

التوقيت العالمي المنسق

RTL

用法

The Radio text is too long and needs to be displayed in a line break

正确

The Radio text is too long and needs to be displayed in a line break

错误

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

提示音

开启

关闭

慎用

提示音

正确

不建议用单选框开启/关闭一个功能,建议使用开关组件。



单选框
选择框
单选按钮
单选控件
选择按钮

DESIGN

中文