Supermenu
Simple css-based context menu made for Cloud Commander. Little bit better then others :).
How come?
Tired to use js based libraries which use jquery and .hover classes insteed of :hover pseudo-selectors.
Install
npm i supermenu
How use?
Add little JavaScript:
const supermenu = require('supermenu');
const menu = supermenu({
'item name': () => {},
});
// show menu on right mouse click
menu.addContextMenuListener();You could use element and (or) options parameters if you need to.
const element = document.body;
const log = (msg) => () => console.log(msg);
const options = {
icon: true,
/* add class icon-item-name */
beforeShow: log('before show'),
afterShow: log('after show'),
beforeHide: log('beforeHide'),
afterHide: log('after hide'),
beforeClick: log('before click'),
afterClick: log('after click'),
name: 'name of menu', /* if you want use a couple menu on one element */
};
const menu = supermenu(element, options, {
'item name': () => {},
});Example of multilevel menu:
const menu = supermenu({
help() {
alert('*help');
},
upload: {
github: {
gist() {
alert('*gist');
},
main() {
alert('*main');
},
},
dropbox() {
alert('*dropbox');
},
},
});License
MIT