Class MenuComponent

Following is the list of structural style classes:

example

Simplest way with CSS icons e.g Font Awesome.

@Component({
 selector: 'itldemo-demo-menu',
 template: `
             <itl-menu [dataSource]="menuDataSource" (menuItemClick)="onMenuItemClick($event)"
                       navigateBackIconClass="fa fa-back">
             </itl-menu>
           `
})
export class DemoMenuComponent {
 public menuDataSource: Observable<MenuItem[]> = of([
   { icon: 'fa fa-users', label: 'Users' },
   { icon: 'fa fa-calendar-week', label: 'Calendar' }
 ]);

 public onMenuItemClick(menuItem: MenuItem): void {
   // invoke action for menu item...
 }
}

example

Use custom icon template.

<itl-menu [dataSource]="menuDataSource" (menuItemClick)="onMenuItemClick($event)">
 <ng-template itlMenuNavigateBackIcon>
   <mat-icon>arrow_back</mat-icon>
 </ng-template>
 <ng-template itlMenuItemIcon let-icon>
   <mat-icon>{{icon}}</mat-icon>
 </ng-template>
</itl-menu>