A menu button is a button that opens a menu. It is often styled as a typical push button with a downward pointing arrow or triangle to hint that activating the button will display a menu. The menu button has roles, attributes and behaviour as outlined in WAI-ARIA Authoring Practices.

mdl-button

mdl-textfield

mdlext-bordered-fields

custom styled <div>

Sign in with ...

mdl-button--icon

Menu buttons positioned left, middle and right, using textalign.

This menu button has WAIA roles and attributes coded in markup

A disabled menu button should do nothing

Menu buttons inside a table. Menus placed inside and after the table element to verify that positioning works as expected.

The box with green borders has overflow:hidden

Material Quantity Unit price
Acrylic (Transparent) $2.90
Plywood (Birch) $1.25
Laminate (Gold on Blue) $2.35

This menu button has a menu with dark color theme, mdlext-dark-color-theme class

Menu buttons inside mdl-grid