Menubar

import {
  MenuBar, Menu, MenuItem, MenuTrigger,
  BuiMenubar, BuiMenubarTrigger, BuiDropdownMenu, BuiDropdownMenuItem,
} from 'ng-blatui';

<div ngMenuBar buiMenubar>
  <!-- wrap each trigger + its menu in a relative anchor so the menu opens under its own trigger -->
  <div class="relative">
    <button ngMenuTrigger [menu]="file" buiMenubarTrigger>File</button>
    <div ngMenu #file="ngMenu" buiDropdownMenu>
      <div ngMenuItem value="new" buiDropdownMenuItem>New tab</div>
    </div>
  </div>
</div>

<div ngMenuBar buiMenubar>
  <div class="relative">
    <button ngMenuTrigger [menu]="view" buiMenubarTrigger>View</button>
    <div ngMenu #view="ngMenu" buiDropdownMenu>
      <div ngMenuItem value="zoom-in" buiDropdownMenuItem>Zoom in</div>
    </div>
  </div>
</div>