Menus

Some Action Another Action Disabled Action Yet Another Action
Some Action Another Action Disabled Action Yet Another Action
Some Action Another Action Disabled Action Yet Another Action
Some Action Another Action Disabled Action Yet Another Action 
  more_vert

   Some Action
   Another Action
   Disabled Action
   Yet Another Action

  ]]>

  more_vert

   ...

  ]]>

  more_vert

   ...

  ]]>

  more_vert

   ...

  ]]>
mdl-menu component

The mdl-menu component is exposed as mdlMenu to the template.

Attributes
Attribute Description
mdl-menu-position Defines the position of the menu.
  • bottom-left
  • bottom-right
  • top-left
  • top-right
  • unaligned - no styling is defined. You need to do it by yourself
Methods
Method Description
hide The menu will be hided.
show(
event: Event,
mdlButton: MdlButtonComponent)		 Shows the menu. event and button are needed to calculate the position of the menu.
toggle(
event: Event,
mdlButton: MdlButtonComponent)		 Toggles the menu. event and button are needed to calculate the position of the menu.
mdl-menu-item component

The mdl-menu-item component draws the menu-items.

Attributes
Attribute Description
mdl-menu-item-full-bleed-divider Draws a line at the bottom of the menu item.
mdl-ripple Enables the tipple effect on menu items.