logoCreated with Sketch.

X6

Menubar

阅读时间约 1 分钟

菜单栏。

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>
参数说明类型默认值
className自定义样式名string-
extra菜单栏右侧的额外组件ReactNode-
参数说明类型默认值
text菜单项文本string-
hidden是否隐藏boolean-