Dropdown Menu

Overlays & Feedback

macOS context popup menu with icons and keyboard shortcuts.

Installation

$npx shadcn-macos@latest add dropdown

<DropdownMenu />— macOS context popup menu with icons, keyboard shortcuts, and dividers.

Prop	Type	Default	Description
trigger*	React.ReactNode	—	Element that triggers opening the menu when clicked.
items*	Array<{ id: string; label: string; icon?: React.ReactNode; shortcut?: string; destructive?: boolean; onClick?: () => void } \| "separator">	—	Array of menu item actions and separators.
align	"start" \| "center" \| "end"	"end"	Horizontal alignment relative to the trigger button.
className	string	—	Custom CSS class names.