Components

Dropdown Menu

A menu that displays a list of actions or options.

example.tsx

Import

tsx

import {
  AppDropdownMenu,
  AppDropdownMenuTrigger,
  AppDropdownMenuContent,
  AppDropdownMenuItem,
  AppDropdownMenuCheckboxItem,
  AppDropdownMenuRadioItem,
  AppDropdownMenuLabel,
  AppDropdownMenuSeparator,
  AppDropdownMenuShortcut,
  AppDropdownMenuGroup,
  AppDropdownMenuPortal,
  AppDropdownMenuSub,
  AppDropdownMenuSubContent,
  AppDropdownMenuSubTrigger,
  AppDropdownMenuRadioGroup,
} from "@/components/primitives/AppDropdownMenu"

API Reference

AppDropdownMenu extends all native <div> HTML attributes.

Prop	Type	Default	Description
className	string	—	Additional Tailwind classes merged via cn(). Prefer the wrapper pattern for reusable overrides.

Source

src/components/primitives/AppDropdownMenu.tsx

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

const AppDropdownMenu = DropdownMenu
const AppDropdownMenuTrigger = DropdownMenuTrigger
const AppDropdownMenuContent = DropdownMenuContent
const AppDropdownMenuItem = DropdownMenuItem
const AppDropdownMenuCheckboxItem = DropdownMenuCheckboxItem
const AppDropdownMenuRadioItem = DropdownMenuRadioItem
const AppDropdownMenuLabel = DropdownMenuLabel
const AppDropdownMenuSeparator = DropdownMenuSeparator
const AppDropdownMenuShortcut = DropdownMenuShortcut
const AppDropdownMenuGroup = DropdownMenuGroup
const AppDropdownMenuPortal = DropdownMenuPortal
const AppDropdownMenuSub = DropdownMenuSub
const AppDropdownMenuSubContent = DropdownMenuSubContent
const AppDropdownMenuSubTrigger = DropdownMenuSubTrigger
const AppDropdownMenuRadioGroup = DropdownMenuRadioGroup

export {
  AppDropdownMenu,
  AppDropdownMenuTrigger,
  AppDropdownMenuContent,
  AppDropdownMenuItem,
  AppDropdownMenuCheckboxItem,
  AppDropdownMenuRadioItem,
  AppDropdownMenuLabel,
  AppDropdownMenuSeparator,
  AppDropdownMenuShortcut,
  AppDropdownMenuGroup,
  AppDropdownMenuPortal,
  AppDropdownMenuSub,
  AppDropdownMenuSubContent,
  AppDropdownMenuSubTrigger,
  AppDropdownMenuRadioGroup,
}