51:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 52:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 53:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 54:T2a48,import * as React from 'react'; import { DropdownMenu as DropdownMenuPrimitive, DropdownMenuContent as DropdownMenuContentPrimitive, DropdownMenuGroup as DropdownMenuGroupPrimitive, DropdownMenuHighlightItem as DropdownMenuHighlightItemPrimitive, DropdownMenuHighlight as DropdownMenuHighlightPrimitive, DropdownMenuItem as DropdownMenuItemPrimitive, DropdownMenuItemIndicator as DropdownMenuItemIndicatorPrimitive, DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive, DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive, DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive, DropdownMenuLabel as DropdownMenuLabelPrimitive, DropdownMenuSeparator as DropdownMenuSeparatorPrimitive, DropdownMenuShortcut as DropdownMenuShortcutPrimitive, DropdownMenuSub as DropdownMenuSubPrimitive, DropdownMenuSubContent as DropdownMenuSubContentPrimitive, DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive, DropdownMenuTrigger as DropdownMenuTriggerPrimitive, type DropdownMenuProps as DropdownMenuPrimitiveProps, type DropdownMenuContentProps as DropdownMenuContentPrimitiveProps, type DropdownMenuGroupProps as DropdownMenuGroupPrimitiveProps, type DropdownMenuItemProps as DropdownMenuItemPrimitiveProps, type DropdownMenuCheckboxItemProps as DropdownMenuCheckboxItemPrimitiveProps, type DropdownMenuRadioGroupProps as DropdownMenuRadioGroupPrimitiveProps, type DropdownMenuRadioItemProps as DropdownMenuRadioItemPrimitiveProps, type DropdownMenuLabelProps as DropdownMenuLabelPrimitiveProps, type DropdownMenuSeparatorProps as DropdownMenuSeparatorPrimitiveProps, type DropdownMenuShortcutProps as DropdownMenuShortcutPrimitiveProps, type DropdownMenuSubProps as DropdownMenuSubPrimitiveProps, type DropdownMenuSubContentProps as DropdownMenuSubContentPrimitiveProps, type DropdownMenuSubTriggerProps as DropdownMenuSubTriggerPrimitiveProps, type DropdownMenuTriggerProps as DropdownMenuTriggerPrimitiveProps, } from '@/components/animate-ui/primitives/radix/dropdown-menu'; import { cn } from '@/lib/utils'; import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'; type DropdownMenuProps = DropdownMenuPrimitiveProps; function DropdownMenu(props: DropdownMenuProps) { return ; } type DropdownMenuTriggerProps = DropdownMenuTriggerPrimitiveProps; function DropdownMenuTrigger(props: DropdownMenuTriggerProps) { return ; } type DropdownMenuContentProps = DropdownMenuContentPrimitiveProps; function DropdownMenuContent({ sideOffset = 4, className, children, ...props }: DropdownMenuContentProps) { return ( {children} ); } type DropdownMenuGroupProps = DropdownMenuGroupPrimitiveProps; function DropdownMenuGroup({ ...props }: DropdownMenuGroupProps) { return ; } type DropdownMenuItemProps = DropdownMenuItemPrimitiveProps & { inset?: boolean; variant?: 'default' | 'destructive'; }; function DropdownMenuItem({ className, inset, variant = 'default', disabled, ...props }: DropdownMenuItemProps) { return ( ); } type DropdownMenuCheckboxItemProps = DropdownMenuCheckboxItemPrimitiveProps; function DropdownMenuCheckboxItem({ className, children, checked, disabled, ...props }: DropdownMenuCheckboxItemProps) { return ( {children} ); } type DropdownMenuRadioGroupProps = DropdownMenuRadioGroupPrimitiveProps; function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps) { return ; } type DropdownMenuRadioItemProps = DropdownMenuRadioItemPrimitiveProps; function DropdownMenuRadioItem({ className, children, disabled, ...props }: DropdownMenuRadioItemProps) { return ( {children} ); } type DropdownMenuLabelProps = DropdownMenuLabelPrimitiveProps & { inset?: boolean; }; function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps) { return ( ); } type DropdownMenuSeparatorProps = DropdownMenuSeparatorPrimitiveProps; function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps) { return ( ); } type DropdownMenuShortcutProps = DropdownMenuShortcutPrimitiveProps; function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps) { return ( ); } type DropdownMenuSubProps = DropdownMenuSubPrimitiveProps; function DropdownMenuSub(props: DropdownMenuSubProps) { return ; } type DropdownMenuSubTriggerProps = DropdownMenuSubTriggerPrimitiveProps & { inset?: boolean; }; function DropdownMenuSubTrigger({ disabled, className, inset, children, ...props }: DropdownMenuSubTriggerProps) { return ( {children} ); } type DropdownMenuSubContentProps = DropdownMenuSubContentPrimitiveProps; function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps) { return ( ); } export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, type DropdownMenuProps, type DropdownMenuTriggerProps, type DropdownMenuContentProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type DropdownMenuCheckboxItemProps, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemProps, type DropdownMenuLabelProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuSubContentProps, }; 4d:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","lucide-react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L51",null,{"registryDependencies":["@animate-ui/primitives-radix-dropdown-menu"]}]]}],["$","$L52",null,{"sourceUrl":"https://animate-ui.com/r/components-radix-dropdown-menu.json","proxyUrl":"https://shadcnregistry.com/r/animate-ui/components-radix-dropdown-menu","itemId":"@animate-ui/components-radix-dropdown-menu"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L53",null,{"files":[{"path":"registry/components/radix/dropdown-menu/index.tsx","content":"$54","type":"registry:ui","target":"components/animate-ui/components/radix/dropdown-menu.tsx"}]}]]}],"$L55"]}]

Dropdown Menu

Installation

Files

components

Styles