MD-MENU

MATERIAL DESIGN

Example


``` html <div class="demo-box md elevation-1"> <md-menu> <menu-item> <header><span class="icon-dashboard"></span><a>Dashboard</a></header> </menu-item> <menu-item> <header class="dropdown"><span class="icon-person"></span>Users</header> <menu-dropdown> <menu-item><a>Search</a></menu-item> <menu-item><a>Add New User</a></menu-item> </menu-dropdown> </menu-item> <menu-item> <header class="dropdown"><span class="icon-shopping-cart"></span>Shop</header> <menu-dropdown> <menu-item><a>Product</a></menu-item> <menu-item><a>Custom</a></menu-item> <menu-item><a>Image Utility</a></menu-item> </menu-dropdown> </menu-item> <menu-item> <header><span class="icon-settings"></span><a>Settings</a></header> </menu-item> </md-menu> </div> ```

Documentation


MD-MENU

Public Properties


disableAnimation {Boolean} disbale animation default false
closeDrawer {Boolean} close drawer panel on mobile devices default false
drawerDelay {Number} delay set for clsoing the drawer default 2250
duration {Number} animation duration default 250
easing {String} animation easing default linear
rippleColor {String} ripple color default rgb(153,153,153)
activeRippleColor {String} active ripple color default rgb(153,153,153)

Public Methods


showByUrl {void} highlight menu item that matches passed url params: {String} url {Boolean} suppressError

Public Events


md.menu.showing thrown when showing item
md.menu.show thrown when item is shown
md.menu.hiding thrown when hiding item
md.menu.hide thrown when item is hidden
md.menu.url.404 thrown when no item matches url