Back to DropMenu
View full API on DropMenu
DropMenu
Controlled
External open state and a checkbox-style item.
Menu open: false · Compact: false
API
| Prop | Type | Default | Description |
|---|---|---|---|
| open / onOpenChange | boolean / (open: boolean) => void | — | Controlled open state. |
| defaultOpen | boolean | — | Initial open state when uncontrolled. |
| modal | boolean | — | When true, limits interaction outside the menu like a dialog. |
| asChild (DropMenuTrigger) | boolean | — | Merge props onto the child element instead of rendering a button. |
| align / side (DropMenuContent) | start | center | end / top | right | bottom | left | — | Placement relative to the trigger. |
| sideOffset (DropMenuContent) | number | 6 | Gap in pixels between trigger and menu. |
| inset (DropMenuItem / DropMenuLabel) | boolean | — | Extra left padding for nested menu rows. |
| icon (DropMenuItem) | IconName | — | Optional leading icon from the curated registry. |
| destructive (DropMenuItem) | boolean | — | Applies destructive styling for irreversible actions. |
| onSelect (DropMenuItem) | () => void | — | Callback fired when the item is activated. |
| checked (DropMenuCheckboxItem) | boolean | — | Shows a trailing check when true. |