How to configure dash bootstrap Nav to open when hovered?

Hello guys,

I’m building a navbar component that has some dropdown menus inside of it.

I would like to open the menu when the hovering rather than by clicking but I didn’t find any references about how to implement it.

Here’s an example of the behavior I’m looking for:

So, does someone has any reference on this? There is a way to implement it?

Any collaboration is really appreciated.

I did a workaround using popover;

What I did was target my popover in a div and inside of the div I have added the dcc.Link elements

The result is the following behavior:


1 Like