Components

DropdownMenu

Dropdown menus reveal secondary actions, settings, and grouped choices without permanently occupying layout space.

Basic Usage

Use a simple trigger and a short action list for the most common menu pattern.

Grouped Options

Labels, separators, check items, radio items, and shortcuts help organize denser menu content without losing scanability.

Different Triggers

Menus often sit behind different trigger styles depending on whether the action is primary, contextual, or account-related.

Submenus are useful for deeper action trees, but they should stay narrow and clearly grouped.

Selection Items

Use checkbox and radio items for menu options that change persistent view or sorting state.

API reference

DropdownMenu wraps Base UI Menu. Use the Base UI API reference for menu item behavior, checkbox and radio items, submenus, controlled state, and positioning details.

Edit this page
Last updated: May 22, 2026, 6:53 PM