MenuUnstyled API
Demos
For examples and details on the usage of this React component, visit the component demo pages:
Import
import MenuUnstyled from '@mui/base/MenuUnstyled';
// or
import { MenuUnstyled } from '@mui/base';
Props
Name | Type | Default | Description |
---|---|---|---|
actions | ref | A ref with imperative actions. It allows to select the first or last menu item. | |
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. | |
component | elementType | The component used for the root node. Either a string to use a HTML element or a component. | |
keepMounted | bool | false | Always keep the menu in the DOM. This prop can be useful in SEO situation or when you want to maximize the responsiveness of the Menu. |
onClose | 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.Slots
Name | Default class | Default value | Description |
---|---|---|---|
listbox | .MuiMenu-listbox | 'ul' | The component used to render the listbox. |
root | .MuiMenu-root | PopperUnstyled | The component used to render the root. |