# UIB MainMenuModule

## Prequisites

Add the `MainMenuModule` module to your module imports:

```TS
import { MainMenuModule } from '@uib/angular';

@NgModule({
  imports: [
    // ...
    MainMenuModule,
    // ...
  ],
})
// ...
```

## UibMainMenu

### Examples

```HTML
<button uibButton (click)="isOpen = true">
  open menu
</button>
<uib-main-menu [isOpen]="isOpen" (closeMenu)="isOpen = false">
  <uib-main-menu-item routerLink="/" routerLinkActive="is-active">
    Menu Item
  </uib-main-menu-item>
  <a uibMainMenuItem routerLink="/page1" routerLinkActive="is-active">
    Menu Item Link
  </a>
  <uib-main-menu-item routerLink="/" routerLinkActive="is-active" variant="editorial">
    Menu Editorial
  </uib-main-menu-item>
  <a uibMainMenuItem routerLink="/page3" routerLinkActive="is-active" variant="editorial">
    Menu Editorial Link
  </a>
</uib-main-menu>
```