Dropdown Menu
A menu triggered by a button, displaying a list of actions or options. Built on Radix UI Dropdown Menu.
Default
Icon Trigger
Usage
Use dropdown menus for contextual actions on an element (e.g. row actions in a table, profile menu).
Keep menu items to a reasonable number (under 10). Group related items with separators and labels.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controlled open state |
| onOpenChange | (open: boolean) => void | — | Callback when open state changes |
| align | "start" | "center" | "end" | "center" | Alignment relative to trigger (on Content) |
| sideOffset | number | 0 | Distance from trigger in px (on Content) |