Dropdown Menu
Dropdown menu with labels, checkbox items, shortcuts, destructive actions and typeahead.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
DropdownMenuProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| trigger* required | React.ReactNode | — | Content of the trigger button |
| items* required | MenuEntry[] | — | — |
| align | "start" | "end" | "start" | — |
| width | number | 224 | Width of the menu in px |
| triggerClassName | string | — | — |
| defaultOpen | boolean | false | Render the menu open on mount (without moving focus) |
Install
$ npx shadcn@latest add https://chromotion.dev/r/dropdown-menu.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.