Menu overview

NbMenuComponent

Vertical menu component.

Accepts a list of menu items and renders them accordingly. Supports multi-level menus.

Basic example

// ...
items: NbMenuItem[] = [
 {
   title: home,
   link: '/'
 },
 {
   title: dashboard,
   link: 'dashboard'
 }
];
// ...
<nb-menu [items]="items"></nb-menu>

Installation

Import NbMenuModule.forRoot() to your app module.

@NgModule({
  imports: [
    // ...
    NbMenuModule.forRoot(),
  ],
})
export class AppModule { }

and NbMenuModule to your feature module where the component should be shown:

@NgModule({
  imports: [
    // ...
    NbMenuModule,
  ],
})
export class PageModule { }

Usage

Two-level menu example

Autocollapse menu example

Menu badge

NbMenuItem

Menu Item options example

NbMenuService

Menu Service. Allows you to listen to menu events, or to interact with a menu.