Web Component
Usage
<goat-sidenav>
<goat-sidenav-menu>
<goat-sidenav-menu-item> New</goat-sidenav-menu-item>
<goat-sidenav-menu-item> Open</goat-sidenav-menu-item>
<goat-sidenav-menu-item> Save</goat-sidenav-menu-item>
<goat-sidenav-menu-item disabled="true"> Disabled</goat-sidenav-menu-item>
<divider></divider>
<goat-sidenav-menu-item value="print"> Print (with value)</goat-sidenav-menu-item>
</goat-sidenav-menu>
</goat-sidenav>
Events
const $list = document.querySelector('.menu');
$list.addEventListener('pc-menu-item-click',
function(evt) {
console.log('<pre>' + JSON.stringify(evt.detail.value, null, 4) + '</pre>');
});
Home