ComponentsNavigationMenu

overlaystexulinot agent-emittableapp

NavigationMenu

navigation-menu

Site or app navigation with expandable triggers and links.

Live examples

Main nav

Main nav

Loading demo…

Props

Public props for NavigationMenu
NameKindRequiredDefaultDescription
valuestringno——
orientationenum (horizontal, vertical)no"horizontal"—
direnum (ltr, rtl)no——
delayDurationnumberno——
onValueChangeeventno——
classstringno——
childrenslotno——

Keyboard

Keyboard behavior for NavigationMenu
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Landmarks and link semantics; triggers expose expanded state.

Evidence for navigation-menu

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

Behavior

checkedscenario navigation-menu

13 checks

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

Size (gzip)

@texuli/primitives/navigation-menu · measured 8.31 KiB · budget 20.0 KiB

Measured gzip from docs/quality/perf-primitives.md (2026-10-23).

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

  • Primary site navigation with flyouts

Don’t use when

Prefer another component

  • In-page tabs (use tabs)
  • App menubar (use menubar)