Primitive
Dropdown Menu
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
Installation
npx benflux-ui add dropdown-menuUsage
import {
DropdownMenu, DropdownMenuContent,
DropdownMenuItem, DropdownMenuTrigger,
} from "@benflux-ui/react"
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button>Open</Button>
</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuItem>Item 1</DropdownMenuItem>
<DropdownMenuItem>Item 2</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>Props — DropdownMenuContent
| Prop | Type | Default | Description |
|---|---|---|---|
| side | "top" | "right" | "bottom" | "left" | "bottom" | Preferred side to open the menu |
| align | "start" | "center" | "end" | "center" | Alignment along the side |
| sideOffset | number | 4 | Distance in pixels from the trigger |