文档Tags:
menu
button

MenuButton 菜单按钮

使用指南

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

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

基本

Loading demo...

最简单的用法。支持 Button 的 shape, type, size, component, ghost 等属性透传

APIs

参数说明类型默认值
label按钮上的文本内容ReactNode-
autoWidth弹层是否与按钮宽度相同Booleantrue
popupTriggerType弹层触发方式

可选值:
'click', 'hover'
Enum'click'
popupContainer弹层容器any-
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{}

Demos

尺寸

Loading demo...

可以通过 size 属性改变按钮大小。

菜单组

Loading demo...

支持菜单组和菜单分割线,使用方法同 Menu.Group, Menu.Item, Menu.Divider。