Trigger Popout

The Trigger Pop Out feature enables a functionality where a submenu can be triggered to open or close when the corresponding menu item is hovered over or clicked.

The triggerPopout prop accepts two values:

Behavior	Description
hover	The submenu will pop out when the user hovers over the corresponding sub menu item
click	the submenu will pop out when the user clicks on the corresponding sub menu item

To utilize this feature, you need to assign the triggerPopout prop a value of either hover or click.

Props

triggerPopout?: 'hover' | 'click'

Default Value

triggerPopout = "hover";

Example

/horizontal-menu/menu/trigger-popout

HoverClick

Source Code