Expand Menu Icon

The renderExpandIcon prop allows you to customize the icon used for expanding the menu. The renderExpandIcon prop takes a RenderExpandIconParams object as a parameter. This function allows you to fully customize the expand menu icon based on different conditions or states.

Props

The RenderExpandIconParams object passed to the renderExpandIcon function contains the following properties:

type renderExpandIcon?: (params: RenderExpandIconParams) => ReactElement

type RenderExpandIconParams = {
  open: boolean
  level: number
  active: boolean
  disabled: boolean
}

Property	Description
open	Whether the menu section is open or closed.
level	Representing the depth level of the menu section.
active	Whether the menu section is currently active or selected.
disabled	Whether the menu item is disabled or not

With Parameter

The renderExpandIcon prop is a function that takes a RenderExpandIconParams object as a parameter.

Example

/vertical-menu/menu/expand-icon/with-params

Source Code

Without Parameter

The renderExpandIcon prop takes a ReactElement. You can also customize the expand menu icon without any parameters.

Example

/vertical-menu/menu/expand-icon/without-params

Source Code