Is There Really No Way to Make Navigation.Trigger Work with 'click' Instead of 'hover?'

[manavm1990]

I see a discussion regarding clicking for submenus. I'm just trying to get the 'top level' of the navigation to work with a 'click' instead of 'hover.'

[manavm1990]

Thanks to @andy-hook
Got it working how I want:

 <NavigationMenu.Trigger
            className="group flex w-60 items-center font-medium uppercase hover:text-primary focus:shadow-secondary"
            onPointerMove={(event) => {
              event.preventDefault();
            }}
            onPointerLeave={(event) => {
              event.preventDefault();
            }}
          >

[manavm1990]

The className doesn't matter. The other props do!