{
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
"name": "dropdown-menu-tailwind",
"type": "registry:item",
"title": "Dropdown Menu (Tailwind)",
"description": "A dropdown menu component.",
"files": [
{
"path": "registry/brook/tailwind/ui/dropdown-menu.tsx",
"content": "\"use client\";\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport { ChevronRight } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\nfunction DropdownMenuRoot({ ...props }: Menu.Root.Props) {\n return ;\n}\n\nfunction DropdownMenuTrigger({ className, ...props }: Menu.Trigger.Props) {\n return (\n \n );\n}\n\nconst DropdownMenuPortal = Menu.Portal;\n\nfunction DropdownMenuPositioner({ className, ...props }: Menu.Positioner.Props) {\n return (\n \n );\n}\n\nfunction DropdownMenuPopup({ className, ...props }: Menu.Popup.Props) {\n return (\n \n );\n}\n\ninterface DropdownMenuItemProps extends Menu.Item.Props {\n icon?: ReactNode;\n className?: string;\n children?: ReactNode;\n variant?: \"default\" | \"destructive\";\n}\n\nfunction DropdownMenuItem({ className, icon, children, variant = \"default\", ...props }: DropdownMenuItemProps) {\n return (\n \n {icon && {icon}}\n {children}\n \n );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props) {\n return (\n \n \n
\n );\n}\n\nfunction DropdownMenuArrow({ className, ...props }: Menu.Arrow.Props) {\n return (\n \n );\n}\n\nfunction DropdownMenuSubmenuRoot({ ...props }: Menu.SubmenuRoot.Props) {\n return ;\n}\n\nfunction DropdownMenuSubmenuTrigger({ className, children, ...props }: Menu.SubmenuTrigger.Props) {\n return (\n \n {children}\n \n \n );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props) {\n return ;\n}\n\nfunction DropdownMenuRadioItem({ className, children, ...props }: Menu.RadioItem.Props) {\n return (\n \n {children}\n \n );\n}\n\nfunction DropdownMenuRadioItemIndicator({ className, ...props }: Menu.RadioItemIndicator.Props) {\n return (\n \n );\n}\n\ninterface DropdownMenuCheckboxItemProps extends Menu.CheckboxItem.Props {\n className?: string;\n children?: ReactNode;\n}\n\nfunction DropdownMenuCheckboxItem({ className, children, ...props }: DropdownMenuCheckboxItemProps) {\n return (\n \n {children}\n \n );\n}\n\nfunction DropdownMenuCheckboxItemIndicator({ className, ...props }: Menu.CheckboxItemIndicator.Props) {\n return (\n \n );\n}\n\nfunction DropdownMenuGroup({ className, ...props }: Menu.Group.Props) {\n return ;\n}\n\nfunction DropdownMenuGroupLabel({ className, ...props }: Menu.GroupLabel.Props) {\n return (\n \n );\n}\n\nfunction DropdownMenuSpacer() {\n return ;\n}\n\nexport {\n DropdownMenuRoot as DropdownMenu,\n DropdownMenuArrow,\n DropdownMenuCheckboxItem,\n DropdownMenuCheckboxItemIndicator,\n DropdownMenuGroup,\n DropdownMenuGroupLabel,\n DropdownMenuItem,\n DropdownMenuPopup,\n DropdownMenuPortal,\n DropdownMenuPositioner,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuRadioItemIndicator,\n DropdownMenuSeparator,\n DropdownMenuSpacer,\n DropdownMenuSubmenuRoot,\n DropdownMenuSubmenuTrigger,\n DropdownMenuTrigger,\n};\n",
"type": "registry:file",
"target": "~/components/ui/dropdown-menu/dropdown-menu.tsx"
}
]
}