Skip to content

按钮组

ButtonGroup Props ​

名称类型默认值说明
labelstring必需按钮组的无障碍名称,供屏幕阅读器在组内导航时播报。
orientation'horizontal' | 'vertical''horizontal'按钮的排列方向,组内方向键沿此方向移动焦点。
size'sm' | 'md' | 'lg''md'组内按钮继承的默认尺寸;子按钮设置了自己的 size 时优先使用。
elevation'none' | 'low' | 'med' | 'high''none'整个按钮组的静止阴影强度;放入组内的按钮不再单独显示阴影。
isDisabledbooleanfalse是否禁用组内全部 Button 和 IconButton。

插槽 ​

ButtonGroup 通过必需的默认插槽接收 Button 或 IconButton。

键盘导航 ​

按键行为
左右方向键在水平组中移动焦点。
上下方向键在垂直组中移动焦点。
Home聚焦第一个可用按钮。
End聚焦最后一个可用按钮。
  • 键盘导航跳过禁用按钮。
  • 从右到左的水平布局会交换左右方向键的行为。

模板引用 ​

ButtonGroup 公开 element。 类型为 HTMLDivElement | null。

原生属性 ​

以下内容传入根元素:

  • HTML 属性。
  • aria-* 属性。
  • data-* 属性。
  • class。
  • style。
  • 原生事件监听器。