Dropdown Menu

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

Preview

Installation

$npx maddex add DropdownMenu

Usage



1<!-- @import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from ../../lib/components -->
2
3<DropdownMenu>
4  <DropdownMenuTrigger>Open</DropdownMenuTrigger>
5  <DropdownMenuContent>
6    <DropdownMenuLabel>My Account</DropdownMenuLabel>
7    <DropdownMenuSeparator />
8    <DropdownMenuItem>Profile</DropdownMenuItem>
9    <DropdownMenuItem>Billing</DropdownMenuItem>
10    <DropdownMenuItem>Team</DropdownMenuItem>
11    <DropdownMenuItem>Subscription</DropdownMenuItem>
12  </DropdownMenuContent>
13</DropdownMenu>