ComponentsDropdownMenu.Trigger

overlaystexulinot agent-emittableapp

DropdownMenu.Trigger

dropdown-menu-trigger

Styled button that opens a dropdown menu.

Live examples

Trigger

Trigger

Loading demo…

Props

Public props for DropdownMenu.Trigger
NameKindRequiredDefaultDescription
sizeenum (sm, md, lg)no"md"—
variantenum (default, soft)no"default"—
classstringno——
childrenslotno——

Keyboard

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

Accessibility

  • aria-haspopup=menu and aria-expanded track open state.

Evidence for dropdown-menu-trigger

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

  • Label the control that opens DropdownMenu

Don’t use when

Prefer another component

  • Context or menubar triggers