ComponentsMenubar

overlaystexulinot agent-emittableapp

Menubar

menubar

Application menubar with roving top-level items.

Live examples

Application bar

Application bar

Loading demo…

Props

Public props for Menubar
NameKindRequiredDefaultDescription
valuestringno—Open menu value or empty
classstringno——
childrenslotno——
loopbooleannotrue—
direnum (ltr, rtl)no——

Keyboard

Keyboard behavior for Menubar
KeyAction
Tabrole=menubar; one Tab stop; arrows move between menus.

Accessibility

  • role=menubar; one Tab stop; arrows move between menus.

Evidence for menubar

Latest committed gates for menubar (as of 2026-10-23). Static snapshot — not live CI.

Behavior

checkedscenario menubar

12 checks

Rows in tests/behavior/scenarios/menubar.spec.ts, held to the WAI-ARIA APG pattern, run on Chromium, WebKit and the Pixel 7.

Size (gzip)

@texuli/primitives/menubar · budget 22.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • Desktop-style File/Edit/View bars

Don’t use when

Prefer another component

  • A single actions button (use dropdown-menu)