Dropdown Menu

Places a compact list of actions and supporting labels next to a trigger.

Installation

bunx @swift-rust/ui add dropdown-menu

Usage

tsx

1import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
2 
3<DropdownMenu>
4  <DropdownMenuTrigger>Open menu</DropdownMenuTrigger>
5  <DropdownMenuContent>
6    <DropdownMenuLabel>Account</DropdownMenuLabel>
7    <DropdownMenuItem>Profile</DropdownMenuItem>
8    <DropdownMenuSeparator />
9    <DropdownMenuItem>Log out</DropdownMenuItem>
10  </DropdownMenuContent>
11</DropdownMenu>

Composition

Dropdown Menu is composed of these parts:

DropdownMenu
├── DropdownMenuTrigger
└── DropdownMenuContent
    ├── DropdownMenuLabel
    ├── DropdownMenuItem
    └── DropdownMenuSeparator

Examples

← Drawer Empty →