Skip to content

dariuszdawidowski/total-lite-menu

Repository files navigation

Total Lite Menu

JavaScript/ES8 menu library. Simplest as possible.

v0.9.2

build npm license

About

JavaScript/ES8 menu library. Simplest as possible.

Features

  • Vanilla JavaScript/ES8
  • No dependencies

Quick start

const menu = new TotalLiteMenu({container: window.document.body});
menu.addItem({
    parent: 'root',
    id: 'foo',
    name: 'Hello',
    onClick: () => {
        console.log('Hello');
    }
});
menu.addItem({
    parent: 'root',
    id: 'bar',
    name: 'World',
    onClick: () => {
        console.log('World');
    }
});
window.document.body.addEventListener('contextmenu', event => {
    event.preventDefault();
    menu.show(event.clientX, event.clientY);
});

Build minified bundle file

npm install
npm run build

Note: This is browser-centric vanilla JavaScript library, npm is only used to minify and bundle files.

Load from CDN

https://unpkg.com/total-lite-menu@latest/dist/total-lite-menu.js

https://unpkg.com/total-lite-menu@latest/dist/total-lite-menu.css

Credits

Dariusz Dawidowski