If true (Default) will focus the [role="menu"] if no focusable child is found. Disabled children are not focusable. If you set this prop to false focus will be placed on the parent modal container. This has severe accessibility implications and should only be considered if you manage focus otherwise.

Menu contents, normally MenuItems.

When opening the menu will not focus the active item but the [role="menu"] unless autoFocus is also set to false. Not using the default means not following WAI-ARIA authoring practices. Please be considerate about possible accessibility implications.

Props applied to the MenuList element.

Callback fired when the component requests to be closed.

Callback fired before the Menu enters.

Callback fired when the Menu has entered.

Callback fired when the Menu is entering.

Callback fired before the Menu exits.

Callback fired when the Menu has exited.

Callback fired when the Menu is exiting.

If true, the menu is visible.

classes prop applied to the Popover element.

The length of the transition in ms, or ‘auto’

The variant to use. Use menu to prevent selected items from impacting the initial focus and the vertical alignment relative to the anchor element.

Demos:

API:

Menu API
inherits Popover API

Properties

Name	Type	Description
anchorEl	`function \| typeof Element === 'undefined' ? Object : Element`	The DOM element used to set the position of the menu.
autoFocus	`bool`	If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled children are not focusable. If you set this prop to `false` focus will be placed on the parent modal container. This has severe accessibility implications and should only be considered if you manage focus otherwise.
children	`node`	Menu contents, normally `MenuItem`s.
classes	`object`	Override or extend the styles applied to the component. See CSS API below for more details.
disableAutoFocusItem	`bool`	When opening the menu will not focus the active item but the `[role="menu"]` unless `autoFocus` is also set to `false`. Not using the default means not following WAI-ARIA authoring practices. Please be considerate about possible accessibility implications.
MenuListProps	`object`	Props applied to the `MenuList` element.
onClose	`function`	The event source of the callback.
onEnter	`function`	Callback fired before the Menu enters.
onEntered	`function`	Callback fired when the Menu has entered.
onEntering	`function`	Callback fired when the Menu is entering.
onExit	`function`	Callback fired before the Menu exits.
onExited	`function`	Callback fired when the Menu has exited.
onExiting	`function`	Callback fired when the Menu is exiting.
open (required)	`bool`	If `true`, the menu is visible.
PaperProps	`object`
PopoverClasses	`object`	`classes` prop applied to the `Popover` element.
transitionDuration	`'auto' \| number \| {"appear":"number","enter":"number","exit":"number"}`	The length of the transition in `ms`, or ‘auto’
variant	`'menu' \| 'selectedMenu'`	The variant to use. Use `menu` to prevent selected items from impacting the initial focus and the vertical alignment relative to the anchor element.