Overlays

DropdownMenu

Row actions, checkbox and radio menu items.

@codeways/ui/dropdown-menu

Row actions

rounded-lg shadow-md, 30px items, bg-accent highlight.

items + shortcut + destructive

checkbox + radio items

Usage

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

<DropdownMenu>
  <DropdownMenuTrigger asChild><Button variant="secondary">Invoice actions</Button></DropdownMenuTrigger>
  <DropdownMenuContent>
    <DropdownMenuItem>Edit</DropdownMenuItem>
    <DropdownMenuItem variant="destructive">Void invoice</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>