Dropdown Menu

Displays a menu of actions or options triggered by a button.

$bunx shadcn@latest add @nx-ui/dropdown-menu
Registry item
Installs withutils
Used byai-open-in-chatai-prompt-inputapp-breadcrumbsdata-tablelistings-panelmenubarorg-switcherscope-breadcrumbssettingstheme-toggleuser-menu

Basic usage

A button trigger opens a menu of actions for a collection site.

Trigger styles

Any Button variant or an icon-only button can open the menu.

Checkboxes, radio group and submenu

Group related toggles, mutually exclusive options and nested actions.

Disabled items & destructive action

Individual items can be disabled independently; destructive actions are styled in red.

Composition: team member row

An icon-only trigger anchored to a realistic list row, grouping related actions.

RH

Rosa Hendricks

Site supervisor · Thornfield Brownfield

API reference

Exported parts and their props, extracted from the component source.