Menubar

A row of menus at the top of an app or editor (File, Edit, View).

ComponentsNavigation

Previous: BreadcrumbNext: Navbar

The snippet an agent gets

Menubar.tsx
import { Menubar, MenuItem, MenubarMenu } from '@basiiik/ui';<Menubar aria-label="Editor"><MenubarMenu label="File"><MenuItem>New file</MenuItem></MenubarMenu></Menubar>

From get_component_snippet, with the required props filled in from the spec. Every snippet is type-checked against the library before it ships.

  • Example values were filled in for the required prop aria-label: replace them with your own.
  • Closed and Open follow the keyboard and the pointer (one menu at a time); the bar keeps a roving tabindex; item states are MenuItem's.
  • Compose with: dropdown-menu, menu-item.
  • Storybook: Navigation/Menubar.