Ariakit
/

All things Menu

Components

Examples

API Reference

useMenuBarStoreDeprecated: Use useMenubarStore instead.
useMenuBarContextDeprecated: Use useMenubarContext instead.
useMenuContextReturns the menu store from the nearest menu container.
useMenuStoreCreates a menu store.
MenuRenders a dropdown menu element.
MenuArrowRenders an arrow inside the menu element.
MenuBarDeprecated: Use Menubar instead.
MenuBarProviderDeprecated: Use MenubarProvider instead.
MenuButtonRenders a menu button that triggers a Menu component. Usually, this is rendered as a native button element, but if it's a submenu button rendered as a menu item inside another menu, it'll be rendered as a div.
MenuButtonArrowRenders an arrow pointing to the menu position, usually inside a MenuButton.
MenuDescriptionRenders a description in a menu. This component must be wrapped with Menu component so the aria-describedby prop is properly set on the menu element.
MenuDismissRenders a button that hides a menu.
MenuGroupRenders a menu group inside a menu.
MenuGroupLabelRenders a label in a menu group. This component must be wrapped with MenuGroup so the aria-labelledby prop is properly set on the menu group element.
MenuHeadingRenders a heading in a menu. This component must be wrapped with Menu so the aria-labelledby prop is properly set on the menu element.
MenuItemRenders a menu item.
MenuItemCheckRenders a checkmark inside a MenuItemCheckbox or MenuItemRadio components. This component must be wrapped with one of those components or the checked prop must be explicitly passed to the component.
MenuItemCheckboxRenders a menu item checkbox inside a menu.
MenuItemRadioRenders a menu item radio inside a menu.
MenuListRenders a menu list element.
MenuProviderProvides a menu store to Menu components.
MenuSeparatorRenders a separator for menu items.