Skip to main content

Menu Props with types

PropsTypeDescriptionDefault
popoutWhenCollapsedbooleanShould display submenu as popout or not when sidebar is collapsedfalse
popoutMenuOffset{mainAxis?: number | ((params: { level?: number }) => number) alignmentAxis?: number | ((params: { level?: number }) => number) }Popout menu offset-
triggerPopouthover | clickIf click, submenu popper will open/close when clicking on MenuItemhover
browserScrollbooleanDisplay Browser scroll or Perfect Scrollbar for popoutfalse
transitionDurationnumberTransition duration (in ms) for the submenu300
collapsedMenuSectionLabelReactNodeRender menu section label when menu is collapsed-
menuSectionStylesMenuSectionStylesRender method for style customization on MenuSection-
menuItemStylesMenuItemStylesRender method for style customization on MenuItem and SubMenu components-
subMenuOpenBehavioraccordion | collapseSubmenu open styleaccordion
renderExpandIcon(params: { open: boolean; level: number; active: boolean; disabled: boolean; }) => ReactElementRender method for customizing submenu expand icon-
renderExpandedMenuItemIconRenderExpandedMenuItemIconRender method for customizing MenuItem & SubMenu icons-
textTruncatebooleanIf true, text will truncate in all the MenuItems and SubMenustrue
rootStylesCSSObjectSet custom styling for the menu-