Primitives

DropdownMenu

Menu with items, separators, checkbox / radio variants, and nested submenus.

Basic

Account dropdown

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button>Account</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent align='end'>
    <DropdownMenuLabel>Priya Patel</DropdownMenuLabel>
    <DropdownMenuSeparator />
    <DropdownMenuItem>Profile</DropdownMenuItem>
    <DropdownMenuItem>Settings</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Actions (icon trigger)

Row-level actions

Checkbox & radio items

Stateful items

Parts

DropdownMenu, DropdownMenuTrigger, DropdownMenuContent
DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem
DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut
DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent
DropdownMenuRadioGroup, DropdownMenuGroup, DropdownMenuPortal