@manhphi1309/dropdown-menu

A custom dropdown-menu component for the shadcn-custom monorepo.

Subcomponents

• DropdownMenu
• DropdownMenuPortal
• DropdownMenuTrigger
• DropdownMenuContent
• DropdownMenuGroup
• DropdownMenuLabel
• DropdownMenuItem
• DropdownMenuCheckboxItem
• DropdownMenuRadioGroup
• DropdownMenuRadioItem
• DropdownMenuSeparator
• DropdownMenuShortcut
• DropdownMenuSub
• DropdownMenuSubTrigger
• DropdownMenuSubContent

Dependencies

• @manhphi1309/utils
• lucide-react
• radix-ui

Installation

npm install @manhphi1309/dropdown-menu

Usage Example

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuLabel,
  DropdownMenuItem,
  DropdownMenuSeparator,
} from "@manhphi1309/dropdown-menu"

export default function App() {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger className="px-4 py-2 border rounded-md">
        Open
      </DropdownMenuTrigger>
      <DropdownMenuContent>
        <DropdownMenuLabel>My Account</DropdownMenuLabel>
        <DropdownMenuSeparator />
        <DropdownMenuItem>Profile</DropdownMenuItem>
        <DropdownMenuItem>Billing</DropdownMenuItem>
        <DropdownMenuItem>Team</DropdownMenuItem>
        <DropdownMenuItem>Subscription</DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}