Menubar
A desktop-style menu bar with hover-to-open menus.
Overview
A desktop-app menu bar: compact state-layer triggers on a bordered surface
strip; once a menu is open, moving the pointer across triggers switches menus
instantly. The dropped panels reuse the kit's menu rows verbatim — items,
checkbox/radio rows, submenus, shortcuts.
$ npx morpha-ui add menubarInstallation
Morpha UI components are distributed via the Morpha CLI: npx morpha-ui add menubar. In the meantime, since this is the base shadcn component, you can
also add it directly:
npx shadcn@latest add menubarAPI Reference
Accessibility
- Implements the WAI-ARIA menubar pattern: Arrow keys move across triggers and within menus, Esc closes.
- The open trigger is announced via
aria-expanded; rows exposearia-checkedwhere applicable.