Menu
animate-ui/components-base-menuFreeComponent
A list of actions in a dropdown, enhanced with keyboard navigation.
Install it
npx shadcn@latest add https://animate-ui.com/r/components-base-menu.jsonSource
1import * as React from 'react';23import {4 Menu as MenuPrimitive,5 MenuTrigger as MenuTriggerPrimitive,6 MenuPortal as MenuPortalPrimitive,7 MenuPopup as MenuPopupPrimitive,8 MenuPositioner as MenuPositionerPrimitive,9 MenuGroup as MenuGroupPrimitive,10 MenuGroupLabel as MenuGroupLabelPrimitive,11 MenuArrow as MenuArrowPrimitive,12 MenuItem as MenuItemPrimitive,13 MenuCheckboxItem as MenuCheckboxItemPrimitive,14 MenuCheckboxItemIndicator as MenuCheckboxItemIndicatorPrimitive,15 MenuRadioGroup as MenuRadioGroupPrimitive,16 MenuRadioItem as MenuRadioItemPrimitive,17 MenuRadioItemIndicator as MenuRadioItemIndicatorPrimitive,18 MenuHighlightItem as MenuHighlightItemPrimitive,19 MenuHighlight as MenuHighlightPrimitive,20 MenuSeparator as MenuSeparatorPrimitive,21 MenuShortcut as MenuShortcutPrimitive,22 MenuSubmenu as MenuSubmenuPrimitive,23 MenuSubmenuTrigger as MenuSubmenuTriggerPrimitive,24 type MenuProps as MenuPrimitiveProps,25 type MenuTriggerProps as MenuTriggerPrimitiveProps,26 type MenuPortalProps as MenuPortalPrimitiveProps,27 type MenuPopupProps as MenuPopupPrimitiveProps,28 type MenuPositionerProps as MenuPositionerPrimitiveProps,29 type MenuGroupProps as MenuGroupPrimitiveProps,30 type MenuGroupLabelProps as MenuGroupLabelPrimitiveProps,31 type MenuArrowProps as MenuArrowPrimitiveProps,32 type MenuItemProps as MenuItemPrimitiveProps,33 type MenuCheckboxItemProps as MenuCheckboxItemPrimitiveProps,34 type MenuRadioGroupProps as MenuRadioGroupPrimitiveProps,35 type MenuRadioItemProps as MenuRadioItemPrimitiveProps,36 type MenuSeparatorProps as MenuSeparatorPrimitiveProps,37 type MenuShortcutProps as MenuShortcutPrimitiveProps,38 type MenuSubmenuProps as MenuSubmenuPrimitiveProps,39 type MenuSubmenuTriggerProps as MenuSubmenuTriggerPrimitiveProps,40} from '@/components/animate-ui/primitives/base/menu';41import { cn } from '@/lib/utils';42import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';4344type MenuProps = MenuPrimitiveProps;4546function Menu(props: MenuProps) {47 return <MenuPrimitive {...props} />;48}4950type MenuTriggerProps = MenuTriggerPrimitiveProps;5152function MenuTrigger(props: MenuTriggerProps) {53 return <MenuTriggerPrimitive {...props} />;54}5556type MenuPortalProps = MenuPortalPrimitiveProps;5758function MenuPortal(props: MenuPortalProps) {59 return <MenuPortalPrimitive {...props} />;60}6162type MenuPanelProps = MenuPopupPrimitiveProps & MenuPositionerPrimitiveProps;6364function MenuPanel({65 className,66 finalFocus,67 id,68// … truncated
What it pulls in
Other registry items
Files it writes
More from Animate UI
All 580 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Avatar Groupcomponents-animate-avatar-group | Animate UI | Components | Free | 1 dep | |
| Codecomponents-animate-code | Animate UI | Components | Free | 1 dep | |
| Code Tabscomponents-animate-code-tabs | Animate UI | Components | Free | 1 dep | |
| Cursorcomponents-animate-cursor | Animate UI | Components | Free | no deps | |
| GitHub Stars Wheelcomponents-animate-github-stars-wheel | Animate UI | Components | Free | 1 dep | |
| Tabscomponents-animate-tabs | Animate UI | Components | Free | no deps | |
| Tooltipcomponents-animate-tooltip | Animate UI | Components | Free | 1 dep | |
| Bubble Backgroundcomponents-backgrounds-bubble | Animate UI | Components | Free | 1 dep |
