axui-contextmenu

Install

``
$ npm i axui-contextmenu
`

`js
import * as React from 'react';
import ContextMenu from 'axui-contextmenu';
import 'axui-contextmenu/style.css';

class BasicExample extends React.Component {
state = {};

constructor(props) {
super(props);

this.menu = new ContextMenu({
id: 'basic',
style: { fontSize: '14px', minWidth: '200px' },
});
}

handleContextMenu = (e) => {
e.preventDefault();

this.menu.setMenu([
{
label: 'Back',
click: (menuItem, w, e) => {},
},
{
label: 'Forward',
icon: ,
click: (menuItem, w, e) => {},
},
{
label: 'send to...',
submenu: [
{
label: 'send Github',
click: (menuItem, w, e) => {},
}
]
}
]);
this.menu.popup({ x: e.pageX, y: e.pageY });
};

render() {
return (


``

View Demo : https://codesandbox.io/s/9j6m3ojo3o

Version history

- v0.2.0 : Implement submenu
- v0.3.0 : Add properties "check, enable, visible" on MenuItem
- v0.3.1 : update readme
- v0.4.0 : Add property "accelerator" on MenuItem