Dropdown Menu

Aqua context menu: white panel, gel highlight, checkable items and submenus.

installnpx shadcn@latest add @aqua/dropdown-menu

Usage

DropdownMenuLabel labels the group it sits in, so it has to be nested inside a DropdownMenuGroup or DropdownMenuRadioGroup rather than dropped straight into the menu.

import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"

<DropdownMenu>
  <DropdownMenuTrigger render={<Button variant="secondary" />}>
    Action
  </DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>Get Info</DropdownMenuItem>
    <DropdownMenuItem variant="destructive">Move to Trash</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>