电台

用于在几个互斥选项之间进行选择时使用。

何时使用DLQ

与复选框类似,单选按钮不会立即触发操作。要执行此操作,您必须点击确认按钮(保存/应用/发送)。

标签上的解释文本应回答"如何?"或"哪个?"的问题

何时不使用

单选按钮不能用于切换页面或菜单内容。此功能由radio-button和tab组件支持。

结构

结构

1 — 单选按钮元素,2 — 解释标签

单选按钮始终与解释其含义的标签一起使用。

默认情况下选择第一个选项。

您也可以让切换控件保持未选中状态(当所有选项都被移除时)。

一旦组内的项目被选中,用户就不能取消选择它以将组恢复到其原始状态(无需刷新页面)。

使用组件时,我们建议您始终选择列表中的第一个选项。

尺寸

有两种尺寸:M和L。组件的大小由页面控件的大小决定。例如,如果页面对输入框、按钮和其他元素使用L尺寸,那么单选按钮应该是相同的尺寸。

尺寸

状态

状态

Default – 当用户不与元素交互时

Hover – 当鼠标悬停在元素和文本标签上时

Checked – 选中状态

Disabled – 禁用状态,当所选选项不可用于交互时

以前进展
下一步分段无线电组