Name	Type	Default	Description
actions	ref		A ref with imperative actions that can be performed on the menu.
anchorEl	HTML element \| object \| func		An HTML element, virtualElement, or a function that returns either. It's used to set the position of the popper.
onItemsChange	func		Function called when the items displayed in the menu change.
onOpenChange	func		Triggered when focus leaves the menu and the menu should close.
open	bool	false	Controls whether the menu is displayed.
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.

To learn how to customize the slot, check out the Overriding component structure guide.

Name	Default class	Default HTML tag	Description
root	.MuiMenu-root	Popper	The component that renders the root.
listbox	.MuiMenu-listbox	'ul'	The component that renders the listbox.

You can override the style of the component using one of these customization options:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.

These class names are useful for styling with CSS. They are applied to the root slot when specific states are triggered.

Global class	Description
.Mui-expanded STATE	State class applied to the root `Popper` element and the listbox `ul` element if `open={true}`.

import MenuItem from '@mui/base/MenuItem';
// or
import { MenuItem } from '@mui/base';

Props of the native component are also available.

Name	Type	Default	Description
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.

To learn how to customize the slot, check out the Overriding component structure guide.

Name	Default class	Default HTML tag	Description
root	.MuiMenuItem-root	'li'	The component that renders the root.

You can override the style of the component using one of these customization options:

With a global class name.
With a rule name as part of the component's styleOverrides property in a custom theme.

These class names are useful for styling with CSS. They are applied to the root slot when specific states are triggered.

Global class	Description
.Mui-disabled STATE	State class applied to the root `button` element if `disabled={true}`.
.Mui-focusVisible STATE	State class applied to the root `button` element if `focusVisible={true}`.

Menu

Menu API