# Luna Menu

Simple menu.

## Demo

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

## Install

Add the following script and style to your page.

```html
<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.

```bash
npm install luna-menu --save
```

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

## Usage

```javascript
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.