| triggerPopout | hover | click | If click, submenu popper will open/close when clicking on MenuItem | hover |
| browserScroll | boolean | Display Browser scroll or Perfect Scrollbar | false |
| transitionDuration | number | Transition duration (in ms) for the submenu | 300 |
| menuItemStyles | MenuItemStyles | Render method for style customization on MenuItem and SubMenu components | - |
| renderExpandIcon | (params: { level: number; disabled: boolean; active: boolean; open: boolean; }) => ReactElement | Render method for customizing submenu expand icon | - |
| renderExpandedMenuItemIcon | RenderExpandedMenuItemIcon | Render method for customizing MenuItem & SubMenu icons | - |
| textTruncate | boolean | If true, text will truncate in all the MenuItems and SubMenus | true |
| popoutMenuOffset | {mainAxis?: number | ((params: { level?: number }) => number)
alignmentAxis?: number | ((params: { level?: number }) => number)
} | Popout menu offset | - |
| verticalMenuProps | {verticalMenuProps?: Pick<
VerticalMenuProps,
| 'transitionDuration'
| 'menuSectionStyles'
| 'menuItemStyles'
| 'subMenuOpenBehavior'
| 'renderExpandIcon'
| 'renderExpandedMenuItemIcon'
| 'textTruncate'
| 'rootStyles'>} | Props to be passed to the VerticalMenu component when the menu is rendered vertically | - |
| rootStyles | CSSObject | Set custom styling for the menu | - |