Skip to main content

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:

BehaviorDescription
hoverThe submenu will pop out when the user hovers over the corresponding sub menu item
clickthe 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

Source Code