Menu from HTML: Hover Interaction

Open menu items with hover in addition to click.

import { MenuFromHTML } from "@evermade/menu-toolkit";

const menuEl = document.querySelector('.js-main-menu');
if (menuEl) {
	const menu = menuFromHTML(
		menuEl,
		{
			action: 'hover'
		}
	);
}

You can optionally set the timeout pointer can stay outside the submenu before closing.

import { menuFromHTML } from "@evermade/menu-toolkit";

const menuEl = document.querySelector('.js-main-menu');
if (menuEl) {
	const menu = menuFromHTML(
		menuEl,
		{
			action: 'hover'
			hoverTimeout: 1000, // default is 750ms
		}
	);
}