Dropdown Menu

Menu of actions behind a trigger.

shadcn/uinew-york-v4 · synced Aug 28, 2026

Installation

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
} from "@aspyn-io/kit";

Row actions

The table "kebab" pattern: an icon-only trigger with aria-label.

Submenu

Nest related actions behind a DropdownMenuSub trigger.

Checkbox items

Toggle independent options in place. Each item keeps its own checked state.

Radio group

Pick a single value from a set with DropdownMenuRadioGroup.

With icons

Lead each item with an icon; the menu sizes and tints SVGs automatically.

Notes

Full keyboard support: arrows navigate, Enter selects, Escape closes, typeahead jumps to items.