Docs
Dropdown Menu
Dropdown Menu
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
Usage
import shadcn.ui.components.DropdownMenu
import shadcn.ui.components.DropdownMenuContent
import shadcn.ui.components.DropdownMenuItem
import shadcn.ui.components.DropdownMenuLabel
import shadcn.ui.components.DropdownMenuSeparator
import shadcn.ui.components.DropdownMenuTrigger
DropdownMenu {
DropdownMenuTrigger { + "Open" }
DropdownMenuContent {
DropdownMenuLabel { + "My Account" }
DropdownMenuSeparator {}
DropdownMenuItem { + "Profile" }
DropdownMenuItem { + "Billing" }
DropdownMenuItem { + "Team" }
DropdownMenuItem { + "Subscription" }
}
}