按钮组

ButtonGroup可用于将任何相关按钮组合在一起。为了强调相关按钮,组应该共享一个公共容器。

ButtonGroup组件

设计指南

用法

选定的操作

按钮组选择


一次只能选择和激活按钮组中的一个选项。选择一个选项将取消选择任何其他选项。

最佳实践

按钮组应:

  • 标签应清晰准确。
  • 清楚地传达点击或轻触将触发动作。
  • 适当使用既定颜色。例如,仅对难以或无法撤消的操作使用红色按钮。
  • 在界面中具有一致的位置。

国家

ButtonGroup组件

活动和可用按钮组

按钮组的状态表明哪个按钮处于活动状态。悬停和焦点状态表示按钮组中按钮的可用选择选项。

禁用的按钮组

无法选择的按钮组可以被赋予禁用状态,也可以被隐藏。

发展指南

用法

从“@wordpress/components”导入{Button,ButtonGroup};const MyButtonGroup=()=>(<按钮组>按钮变量=“primary”>按钮1按钮变量=“primary”>按钮2</按钮组>);
  • 对于单个按钮,请使用按钮组件。