Dropdown Menu
Displays a menu to the user, triggered by a button. Fully keyboard-navigable and accessible. Built on Radix UI.
$cookest-ui add dropdown-menu
Basic
A simple dropdown with grouped menu items.
Recipe Actions
Use dropdown menus for contextual actions on recipe cards.
| Prop | Type | Default | Description |
|---|---|---|---|
DropdownMenuTrigger | ReactNode | — | The element that opens the menu. |
DropdownMenuContent | ReactNode | — | The panel containing menu items. |
DropdownMenuItem | ReactNode | — | A single actionable item in the menu. |
DropdownMenuLabel | string | — | Non-interactive label for a group. |
DropdownMenuSeparator | — | — | A visual separator between item groups. |
DropdownMenuShortcut | string | — | Keyboard shortcut displayed on the right of a menu item. |