Navigation Menu

A collection of links with expandable dropdown panels.

Installation

npx lily-svelte@latest add navigation-menu

Usage

<script lang="ts">
	import * as NavigationMenu from '$lib/components/ui/navigation-menu';
</script>
 
<NavigationMenu.Root>
	<NavigationMenu.List>
		<NavigationMenu.Item>
			<NavigationMenu.Trigger>Getting started</NavigationMenu.Trigger>
			<NavigationMenu.Content>
				<NavigationMenu.Link href="/docs">Introduction</NavigationMenu.Link>
			</NavigationMenu.Content>
		</NavigationMenu.Item>
		<NavigationMenu.Item>
			<NavigationMenu.Link href="/docs">Docs</NavigationMenu.Link>
		</NavigationMenu.Item>
	</NavigationMenu.List>
</NavigationMenu.Root>

Built by levish. The source code is available on GitHub.

Quiet by design.