Menus / Dropdown Menu

Dropdown Menu

<DropdownMenu />Stable

Click-to-open contextual menu. Use for actions, settings, sort/filter pickers. For right-click menus use Context Menu. Built on Radix DropdownMenu.

import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from "@/components/upnext";

Variants

<DropdownMenu>
  <DropdownMenuTrigger asChild><Button>Open menu</Button></DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuLabel>My account</DropdownMenuLabel>
    <DropdownMenuSeparator />
    <DropdownMenuItem><User /> Profile</DropdownMenuItem>
    …
    <DropdownMenuItem variant="destructive"><LogOut /> Log out</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Source

The wrapper is a thin re-export; the actual styling lives in the shadcn primitive.