<!-- Left aligned menu on top of button --> | |
<button id="demo-menu-top-left" | |
class="mdl-button mdl-js-button mdl-button--icon"> | |
<i class="material-icons">more_vert</i> | |
</button> | |
<ul class="mdl-menu mdl-menu--top-left mdl-js-menu mdl-js-ripple-effect" | |
data-mdl-for="demo-menu-top-left"> | |
<li class="mdl-menu__item">Some Action</li> | |
<li class="mdl-menu__item">Another Action</li> | |
<li disabled class="mdl-menu__item">Disabled Action</li> | |
<li class="mdl-menu__item">Yet Another Action</li> | |
</ul> |