Dropdown menu

shadcn/ui dropdown-menu on DESIGN.md tokens. A floating surface: popover fill, hairline, 12px radius, the one soft shadow. Items are 13px on a 4px radius, hover on surface-2. Destructive items sit on danger-soft when focused. Use it for row actions, column toggles and overflow menus; a menu never holds the primary action of a view.

<DropdownMenu>
  <DropdownMenuTrigger asChild><Button variant="outline" size="sm">Actions</Button></DropdownMenuTrigger>
  <DropdownMenuContent align="end">
    <DropdownMenuItem>Open</DropdownMenuItem>
    <DropdownMenuItem variant="destructive" onSelect={() => setConfirm(true)}>Unpublish lot</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>

Items

Label, shortcuts, separator, a submenu and a destructive item.

Checkbox and radio items

Column toggles and a single-choice group, the way the data table uses them.