UI
← Home

Menubar

An application menubar. Arrow Left/Right move between top-level menus; ArrowDown (or Enter) opens the focused menu; within a menu, Arrow Up/Down move between items and Arrow Left/Right move to the adjacent menu; Escape closes and returns focus to the bar.

  • Axe
  • Name
  • Roving
  • Focus
  • Escape

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/menubar.json

Conformance

Verified against the @publictheta/ui-spec menubar specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Name — The widget container exposes an accessible name
  • Roving — Exactly one tab stop; Arrow keys move within the widget
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)
  • Escape — Escape dismisses the open overlay

See the full conformance matrix across all components.