MenuButton 菜单按钮

使用指南

  1. 通过触发按钮打开弹层菜单。支持透传所有的 Button 属性。

  2. 子组件 Item, Group, DividerMenu 中对应的子组件,请参考 Menu 文档。

API

MenuButton

参数说明类型默认值
size尺寸

可选值:
'small', 'medium'
Enum'medium'
label按钮上的文本内容ReactNode-
autoWidth弹层是否与按钮宽度相同Booleantrue
popupTriggerType弹层触发方式

可选值:
'click', 'hover'
Enum'click'
popupContainer弹层容器

签名:
Function() => void
Function-
visible弹层展开状态Boolean-
defaultVisible弹层默认是否展开Boolean-
onVisibleChange弹层在显示和隐藏触发的事件

签名:
Function() => void
Functionfunc.noop
popupStyle弹层自定义样式Object-
popupClassName弹层自定义样式类String-
popupProps弹层属性透传Object-
followTrigger是否跟随滚动Boolean-
defaultSelectedKeys默认激活的菜单项(用法同 Menu 非受控)Array[]
selectedKeys激活的菜单项(用法同 Menu 受控)Array-
selectMode菜单的选择模式,同 Menu

可选值:
'single', 'multiple'
Enum-
onItemClick点击菜单项后的回调,同 Menu

签名:
Function() => void
Functionfunc.noop
onSelect选择菜单后的回调,同 Menu

签名:
Function() => void
Functionfunc.noop
menuProps菜单属性透传Object{}