Skip to main content

Trigger Popout

The triggerPopout prop is used to define whether submenus should pop out on hover or click when the navigation sidebar is collapsed.

To enable this feature, you also need to set the popoutWhenCollapsed prop to true, indicating that submenus should pop out when the navigation sidebar is collapsed.

The triggerPopout prop accepts two values:

BehaviorDescription
hoverThe submenu will pop out when the user hovers over the corresponding submenu while the navigation sidebar is collapsed.
clickThe submenu will pop out when the user clicks on the corresponding submenu while the navigation sidebar is collapsed.

Props

triggerPopout?: 'hover' | 'click'
Default Value
triggerPopout='hover'

Example

/vertical-menu/menu/trigger-popout

Source Code