DropdownMenu.
A keyboard-navigable menu with accessible selection and dismissal.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
children | ReactNode | Yes | — | — | Trigger and menu items. |
open | boolean | No | — | true · false | Controlled menu state. |
defaultOpen | boolean | No | false | true · false | Initial uncontrolled state. |
onOpenChange | (open: boolean) => void | No | — | — | Open state changes. |
placement | "bottom-start" | "bottom-end" | No | bottom-start | bottom-start · bottom-end | Preferred menu alignment. |
DropdownMenuItem.onSelect | () => void | No | — | — | Callback when an item is selected. |
DropdownMenuItem.danger | boolean | No | false | true · false | Emphasize destructive action. |
DropdownMenuItem.disabled | boolean | No | false | true · false | Disable item. |
className | string | No | — | — | Additional CSS class on the outer component element. |