单选按钮#

../../_images/radio-buttons.png ../../_images/radio-buttons-dark.png

单选按钮允许从一组选项中进行选择。

何时使用#

单选按钮允许为每个选项单独添加标签,这在选项并非相互排斥时是必要的。(例如,按作者或按日期排序的选项。)这使得它们比开关更适合这种类型的选项。

由于单选按钮无需展开即可显示所有选项,因此它们最适合于少量选项。对于较长的选项列表,下拉列表通常是更好的选择。

指南#

在所有时候都应选择集合中的一个按钮,除非单选按钮代表多个项目的属性,并且该属性存在于某些项目而不存在于其他项目。在这种情况下,以混合状态显示单选按钮。

为单选按钮标签使用 句子首字母大写。例如,单击以打开

API 参考#