DropdownMenu

Use for contextual actions, grouped commands, and lightweight menus

DropdownMenu is for grouped, lower-priority actions.

Import

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
  Button,
} from "@downcity/ui";

Basic Example

Loading preview…

Available Building Blocks

  • DropdownMenuItem
  • DropdownMenuGroup
  • DropdownMenuLabel
  • DropdownMenuSeparator
  • DropdownMenuShortcut
  • DropdownMenuCheckboxItem
  • DropdownMenuRadioGroup
  • DropdownMenuRadioItem
  • DropdownMenuSub
  • DropdownMenuSubTrigger
  • DropdownMenuSubContent

Usage Notes

  • Use variant="destructive" for destructive actions
  • Group similar commands with DropdownMenuGroup
  • Avoid putting long forms into a dropdown menu