Angular dropdown menu
This project was generated with Angular CLI version 7.1.3
Functionalities
This module enables you to create arbitrary number of dropdown menu levels and, on click child can bubble result up to main component
Installing
npm install --save angular-dropdown-menu
Usage & Demo
You can see demo of library here: demo
Requirements
You have to install material.io icons
Properties of MenuItem interface
action
(?any
) - some value which will be bubbled to parent component when user click on menuisActive
(?boolean
) - wether submenu is opened or notmenuItems
(MenuItem[]
) - JSON structure with menus childrentitle
(?string
) - Title of menuicon
(?string
) - Material.io string code for<i>
element
Import
; imports: // in your main component define structure and import (for example):; public fileMenu: MenuItem = ; // in your template:div class="dropdown-menu-container" dropdown-menu ="fileMenu" ="onMenuAction($event)"/dropdown-menu/div // Add some styles:.dropdown-menu-container .dropdown-menu-container ::ng-deep .menu .dropdown .dropdown-title .dropdown-menu-container ::ng-deep .menu .dropdown .dropdown-title:hover .dropdown-menu-container ::ng-deep .menu .dropdown .dropdown-title i