SlideMenu – menu in the iPod style

SlideMenu is a component which displays sub-menus with slide animation effects. This kind of slide menu component is the best example of iPod style menu widgets. By default, the slide menu is displayed as an inline menu component. A basic slide menu example which displays a document or file type menu would be as follows:

<p-slideMenu [model]="items"></p-slideMenu>

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 slide menu...