July 2017
Intermediate to advanced
384 pages
8h 23m
English
The TieredMenu component displays the sub-menus in a nested Overlays mode. By default, the slide menu is displayed as an inline menu component. A basic tiered menu example, which displays the document or file type menu would be as follows:
<p-tieredMenu [model]="items"></p-tieredMenu>
The list of menu items needs to be organized with in a component class. For example, a root menu item titled File will have nested items as shown here:
this.items = [ { label: 'File', icon: 'fa-file-o', items: [ { label: 'New', icon: 'fa-plus', items: [ {label: 'Project'}, {label: 'Other'}, ] }, {label: 'Open'}, {label: 'Quit'} }, // more items]
The following screenshot shows a snapshot result of the basic tiered ...
Read now
Unlock full access