ComponentsDropdownMenu.Content

overlaystexulinot agent-emittableapp

DropdownMenu.Content

dropdown-menu-content

Floating menu surface for dropdown items.

Live examples

Content

Content

Loading demo…

Props

Public props for DropdownMenu.Content
NameKindRequiredDefaultDescription
sizeenum (sm, md, lg)no"md"—
variantenum (default, soft)no"default"—
classstringno——
childrenslotno——
sideenum (top, right, bottom, left)no"bottom"—
alignenum (start, center, end)no"start"—
sideOffsetnumberno4—

Keyboard

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

Accessibility

  • role=menu; labelled by the trigger.

Evidence for dropdown-menu-content

Latest committed gates for dropdown-menu-content (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-content · 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

  • Host menu items under a dropdown trigger

Don’t use when

Prefer another component

  • Non-menu floating panels (use popover)