svelte-menu v0.0.4

svelte-menu

npm add svelte-menu or yarn add svelte-menu

<script lang="ts">
	import { Menu } from 'svelte-menu';
</script>

<menu let:hover>
	<svelte:fragment slot="dog" let:style>
		<div {style} class="bg-blue-500/[0.07] rounded-full duration-200 ease-out" />
	</svelte:fragment>

	<a on:mouseenter={hover} href="/" class="mr-1 px-4 py-2">Menu 1</a>
	<a on:mouseenter={hover} href="/" class="mr-1 px-4 py-2">Menu 2</a>
	<a on:mouseenter={hover} href="/" class="mr-1 px-4 py-2">Menu 3</a>
	<a on:mouseenter={hover} href="/" class="px-4 py-2">Menu 4</a>
</menu>