Dropdown Menu

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

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.

Item Icons

Leading icons go in the item’s prefix slot (or start).

Sizes

size on DropdownMenu scales items, labels, and icons together.