Name	Type	Description
defaultOpen	bool	If `true`, the dropdown is initially open.
onOpenChange	func	Callback fired when the component requests to be opened or closed.
open	bool	Allows to control whether the dropdown is open. This is a controlled counterpart of `defaultOpen`.

Name	Type	Default	Description
actions	ref	-	A ref with imperative actions that can be performed on the menu.
anchor	HTML element \| object \| func	-	The element based on which the menu is positioned.
onItemsChange	func	-	Function called when the items displayed in the menu change.
slotProps	{ listbox?: func \| object, root?: func \| object }	{}	The props used for each slot inside the Menu.
slots	{ listbox?: elementType, root?: elementType }	{}	The components used for each slot inside the Menu. Either a string to use a HTML element or a component. See Slots API below for more details.

The ref is forwarded to the root element.

import { MenuButton } from '@base_ui/react/legacy/MenuButton';

Props of the native component are also available.

Name	Type	Default	Description
className	string	-	Class name applied to the root element.
disabled	bool	false	If `true`, the component is disabled.
focusableWhenDisabled	bool	false	If `true`, allows a disabled button to receive focus.
label	string	-	Label of the button
slotProps	{ root?: func \| object }	{}	The components used for each slot inside the MenuButton. Either a string to use a HTML element or a component.
slots	{ root?: elementType }	{}	The props used for each slot inside the MenuButton. See Slots API below for more details.

The ref is forwarded to the root element.

import { MenuItem } from '@base_ui/react/legacy/MenuItem';

Props of the native component are also available.

Name	Type	Default	Description
disabled	bool	false	If `true`, the menu item will be disabled.
disableFocusOnHover	bool	false	If `true`, the menu item won't receive focus when the mouse moves over it.
label	string	-	A text representation of the menu item's content. Used for keyboard text navigation matching.
slotProps	{ root?: func \| object }	{}	The props used for each slot inside the MenuItem.
slots	{ root?: elementType }	{}	The components used for each slot inside the MenuItem. Either a string to use a HTML element or a component. See Slots API below for more details.

The ref is forwarded to the root element.

Menu

Menu API