Menu

Description

<jp-menu> is a floating panel with options.

---

Attributes

Name	Required	Type	Description
label		string (HTML)	main button content

---

Slots

Default slot is list of options (content of menu).

---

Methods

This component does not have any methods.

---

Events

This component does not have any events.

---

Demo

Live Editor

// import '../static/c/menu.wc.js';

<jp-menu>
  <button style={{ width: '200px' }} onClick={() => alert('first')}>
    First item
  </button>
  <button style={{ width: '200px' }} onClick={() => alert('second')}>
    Second item
  </button>
  <button style={{ width: '200px' }} onClick={() => alert('third')}>
    Third item
  </button>
</jp-menu>

Result

Loading...

---