Luna Menu

Simple menu.

Demo

https://luna.liriliri.io/?path=/story/menu

Install

Add the following script and style to your page.

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/luna-menu/luna-menu.css" />
<script src="//cdn.jsdelivr.net/npm/luna-menu/luna-menu.js"></script>

You can also get it on npm.

npm install luna-menu --save

import 'luna-menu/luna-menu.css'
import LunaMenu from 'luna-menu'

Usage

const menu = new LunaMenu()
menu.append({
  type: 'normal',
  label: 'New File',
  click() {
    console.log('New File clicked')
  }
})
menu.show(0, 0)

Api

append(options: IMenuItemOptions): void

Append menu item.

insert(pos: number, options: IMenuItemOptions): void

Inert menu item to given position.

show(x: number, y: number, parent?: Menu): void

Show menu at target position.

build(template: any[]): Menu

Create menu from template.

Types

IMenuItemOptions

• checked(boolean): Wheather menu item is checked.
• click(object): Click event handler.
• enabled(boolean): Wheather menu item is clickable.
• label(string): Menu label.
• submenu(Menu): Sub menu.
• type('normal' | 'separator' | 'submenu' | 'checkbox' | 'radio'): Menu type.