Monolith Dropdown menu component.
Installation
$ pnpm dlx shadcn@latest add "https://ui.manpuc.me/r/dropdown-menu.json"
Copy Usage
After you add the component with the CLI, import it from your UI folder:
Copy import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu" Copy < DropdownMenu > < DropdownMenuTrigger asChild > < Button variant = "outline" >Open</ Button > </ DropdownMenuTrigger > < DropdownMenuContent > < DropdownMenuLabel >My Account</ DropdownMenuLabel > < DropdownMenuSeparator /> < DropdownMenuItem >Profile</ DropdownMenuItem > < DropdownMenuItem >Billing</ DropdownMenuItem > < DropdownMenuItem >Team</ DropdownMenuItem > < DropdownMenuItem >Subscription</ DropdownMenuItem > </ DropdownMenuContent > </ DropdownMenu > Examples
Checkboxes
Radio Group
API Reference
The DropdownMenu components extend standard Radix UI attributes. The DropdownMenuItem component adds the following props:
Prop Type Default Description variantenum"default"The visual style (default, destructive). insetbooleanfalseApplies additional padding for alignment.