Dropdown Menu

Toggleable menu for displaying actions or options. Features items with icons, shortcuts, submenus, checkboxes, and radio groups.

Import

Live Demo

Dropdown menus with items, shortcuts, checkboxes, and radio groups.

Item states & icon color

Leading icon and shortcut stay muted (gray) in default, hover, and disabled states — only the label takes the accent/destructive color. Matches Figma DS.

Props

NameTypeDefaultDescription
openbooleanControlled open state
modalbooleantrueWhether dropdown acts as modal

Examples

Basic Dropdown

With Shortcuts