ComponentsDropdownMenu.Item

overlaystexulinot agent-emittableapp

DropdownMenu.Item

dropdown-menu-item

Menu item with optional icon and shortcut chrome.

Live examples

Item with shortcut

Item with shortcut

Loading demo…

Props

Public props for DropdownMenu.Item
NameKindRequiredDefaultDescription
disabledbooleannofalse—
textValuestringno—Typeahead text override
onSelecteventno——
closeOnSelectbooleannotrue—
iconslotno——
shortcutstringno—Displayed keyboard hint
insetbooleannofalse—
classstringno——
childrenslotno——

Keyboard

Keyboard behavior for DropdownMenu.Item
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • role=menuitem; shortcuts are visual only.

Evidence for dropdown-menu-item

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

Behavior

checkedscenario dropdown-menu

8 checks

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

Size (gzip)

texuli/dropdown-menu-item · budget 12.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

  • A single actionable row inside a menu

Don’t use when

Prefer another component

  • Standalone buttons outside a menu