How to use the @antv/x6-components.Menubar.Item function in @antv/x6-components
To help you get started, we’ve selected a few @antv/x6-components examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
antvis / x6 / examples / x6-example-components / src / pages / menubar.tsx View on Github 
import React from 'react'
import { message } from 'antd'
import { Menubar, Menu } from '@antv/x6-components'
const MenuItem = Menu.Item
const SubMenu = Menu.SubMenu
const Divider = Menu.Divider
const MenubarItem = Menubar.Item
export default class MenuExample extends React.PureComponent {
onMenuClick = (name: string) => {
message.success(`${name} clicked`, 10)
}
onMenuItemClick = () => {
this.onMenuClick('undo')
}
render() {
return (
<div style="{{">
</div>import React from 'react'
import { Menubar, Menu } from '@antv/x6-components'
const MenuItem = Menu.Item
const SubMenu = Menu.SubMenu
const Divider = Menu.Divider
const MenubarItem = Menubar.Item
export class GraphMenubar extends React.PureComponent {
render() {
return (
<menu>
<menuitem>New...</menuitem>
<menuitem>Open...</menuitem>
<menuitem>Save</menuitem>
<menuitem>Save as...</menuitem>
<menuitem>Import...</menuitem>
<menuitem>Export...</menuitem>
</menu>@antv/x6-components
React components for building x6 editors
