Tronic247 Material
Components

Menu

Demo

<div class="menu open">
    <a href="#!" class="item ripple-e">Item 1</a>
    <a href="#!" class="item ripple-e">Item 2</a>
    <a href="#!" class="item ripple-e">Item 3</a>
</div>

With Trigger

<button data-toggle-menu="as" class="btn">Open Menu</button>
<div class="menu list" data-menu-id="as">
    <a href="#!" class="item ripple-e">Item 1</a>
    <a href="#!" class="item ripple-e">Item 2</a>
    <a href="#!" class="item ripple-e">Item 3</a>
</div>

JavaScript API

let menu = Material.menu;
let selector = document.querySelector('.menu');
// open menu
menu.open(selector);
// close menu
menu.close(selector);
// toggle menu
menu.toggle(selector);