Dropdown menu

A menu of actions with shortcuts, checkable items and nested submenus.

Installation

npx plankui@latest add dropdown-menu

Usage

import { DropdownMenu } from "@/components/ui/dropdown-menu";

<DropdownMenu>
  <DropdownMenuTrigger asChild><Button>Open</Button></DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem shortcut="⌘E">Rename</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

API reference

Prop	Type	Default	Description
DropdownMenuItem.shortcut	string		Key hint shown on the right.
DropdownMenuItem.destructive	boolean	false	Danger colouring for irreversible actions.
DropdownMenuContent.align	"start" \| "center" \| "end"	"center"	Alignment against the trigger.

View the source on GitHub