Opening and Closing

By default, the Menu opens and closes the items which contain children on mouseover and mouseleave with a small delay.

To customize its opening and closing behavior, utilize the following options:

Delay on Hover

To prevent the accidental opening or closing of the Menu items, the component waits for 100 milliseconds before performing the action. To change the default delay, use the hoverOpenDelay and hoverCloseDelay properties of the Menu.

Example
View Source
Edit In Stackblitz  
Change Theme:

Opening on Item Click

By default, the Menu items open on hover. You can disable the open-on-hover behavior and set the Menu to open only after an item is clicked or focused by using the openOnClick property. After the user clicks an item for the second time, the open-on-hover behavior will be still disabled until another click follows.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?