Loading...

Menu Bar.

import { Menu, Menubar } from '@antv/x6-react-components'
import '@antv/x6-react-components/es/menu/style/index.css'
import '@antv/x6-react-components/es/menubar/style/index.css'
;<Menubar extra={<div>Extra Component</div>}>
<Menubar.Item text="File">
<Menu>...</Menu>
</Menubar.Item>
<Menubar.Item text="Edit">
<Menu>...</Menu>
</Menubar.Item>
<Menubar.Item text="View">
<Menu>...</Menu>
</Menubar.Item>
<Menubar.Item text="Help">
<Menu>...</Menu>
</Menubar.Item>
</Menubar>

Menubar

ParameterDescriptionTypeDefault Value
classNameCustom style namestring-
extraAdditional component on the right side of the menu barReactNode-

Menubar.Item

ParameterDescriptionTypeDefault Value
textMenu item textstring-
hiddenWhether to hideboolean-