Dropdown Menu

A menu of actions or options that opens from a trigger element, with support for groups, submenus, checkbox and radio items.

Dropdown Menu

Installation

pnpm dlx shadcn@latest add @sortui/dropdown-menu

Usage

import {
  DropdownMenu,
  DropdownMenuPortal,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuLabel,
  DropdownMenuItem,
  DropdownMenuCheckboxItem,
  DropdownMenuRadioGroup,
  DropdownMenuRadioItem,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
  DropdownMenuSub,
  DropdownMenuSubTrigger,
  DropdownMenuSubContent,
} from "@/components/ui/dropdown-menu"

Examples

Default

With shortcuts

Submenus

With icons

User profile

Checkboxes

Radio

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.