Menu

The padding required to prevent the arrow from reaching the very edge of the popper.

If true, the first enabled menu item will receive focus and be selected when the menu opens.

The boundary area for the popper. Used within the preventOverflow modifier

If true, the menu will close when you click outside the menu list

If true, the menu will close when a menu item is clicked

Color Schemes for Menu are not implemented in the default theme. You can extend the theme to implement them.

If rtl, poper placement positions will be flipped i.e. 'top-right' will become 'top-left' and vice-verse

If provided, determines whether the popper will reposition itself on scroll and resize of the window.

If true, the popper will change its placement and flip when it's about to overflow its boundary area.

The distance or margin between the reference and popper. It is used internally to create an offset modifier. NB: If you define offset prop, it'll override the gutter.

Performance 🚀: If true, the MenuItem rendering will be deferred until the menu is open.

Performance 🚀: The lazy behavior of menu's content when not visible. Only works when `isLazy={true}` - "unmount": The menu's content is always unmounted when not open. - "keepMounted": The menu's content initially unmounted, but stays mounted when menu is open.

If true, the popper will match the width of the reference at all times. It's useful for autocomplete, `date-picker` and select patterns.

Array of popper.js modifiers. Check the docs to see the list of possible modifiers you can pass. @see Docs https://popper.js.org/docs/v2/modifiers/

The main and cross-axis offset to displace popper element from its reference element.

The placement of the popper relative to its reference.

If true, will prevent the popper from being cut off and ensure it's visible within the boundary area.

Sizes for Menu are not implemented in the default theme. You can extend the theme to implement them.

The CSS positioning strategy to use.

Variants for Menu are not implemented in the default theme. You can extend the theme to implement them.

The framer-motion props to animate the menu list

Props for the root element that positions the menu.

Overrides the parent menu's closeOnSelect prop.

Right-aligned label text content, useful for displaying hotkeys.

The spacing between the command and menu item's label.

The icon to render before the menu item's label.

The spacing between the icon and menu item's label.

If true, the menuitem will be disabled

If true and the menuitem is disabled, it'll remain keyboard-focusable

Overrides the parent menu's closeOnSelect prop.

Right-aligned label text content, useful for displaying hotkeys.

The spacing between the command and menu item's label.

The spacing between the icon and menu item's label.

If true, the menuitem will be disabled

If true and the menuitem is disabled, it'll remain keyboard-focusable

The padding required to prevent the arrow from reaching the very edge of the popper.

If true, the first enabled menu item will receive focus and be selected when the menu opens.

The boundary area for the popper. Used within the preventOverflow modifier

If true, the menu will close when you click outside the menu list

If true, the menu will close when a menu item is clicked

Color Schemes for Menu are not implemented in the default theme. You can extend the theme to implement them.

If rtl, poper placement positions will be flipped i.e. 'top-right' will become 'top-left' and vice-verse

If provided, determines whether the popper will reposition itself on scroll and resize of the window.

If true, the popper will change its placement and flip when it's about to overflow its boundary area.

The distance or margin between the reference and popper. It is used internally to create an offset modifier. NB: If you define offset prop, it'll override the gutter.

Performance 🚀: If true, the MenuItem rendering will be deferred until the menu is open.

Performance 🚀: The lazy behavior of menu's content when not visible. Only works when `isLazy={true}` - "unmount": The menu's content is always unmounted when not open. - "keepMounted": The menu's content initially unmounted, but stays mounted when menu is open.

If true, the popper will match the width of the reference at all times. It's useful for autocomplete, `date-picker` and select patterns.

Array of popper.js modifiers. Check the docs to see the list of possible modifiers you can pass. @see Docs https://popper.js.org/docs/v2/modifiers/

The main and cross-axis offset to displace popper element from its reference element.

The placement of the popper relative to its reference.

If true, will prevent the popper from being cut off and ensure it's visible within the boundary area.

Sizes for Menu are not implemented in the default theme. You can extend the theme to implement them.

The CSS positioning strategy to use.

Variants for Menu are not implemented in the default theme. You can extend the theme to implement them.

The framer-motion props to animate the menu list

Props for the root element that positions the menu.

Overrides the parent menu's closeOnSelect prop.

Right-aligned label text content, useful for displaying hotkeys.

The spacing between the command and menu item's label.

The icon to render before the menu item's label.

The spacing between the icon and menu item's label.

If true, the menuitem will be disabled

If true and the menuitem is disabled, it'll remain keyboard-focusable

Overrides the parent menu's closeOnSelect prop.

Right-aligned label text content, useful for displaying hotkeys.

The spacing between the command and menu item's label.

The spacing between the icon and menu item's label.

If true, the menuitem will be disabled

If true and the menuitem is disabled, it'll remain keyboard-focusable