| <!-- 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> |