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:
CPT2204231441-808x392

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

Any collaboration is really appreciated.
Regards,
Leonardo

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:

CPT2204231952-642x241

1 Like