Sprix logo

NavMenu

A responsive top navigation pattern for product surfaces and app headers.

The NavMenu Component

Sprix logo

Basic Usage

Code Snippet

<script lang="ts">		import { NavMenu, NavMenuItem, NavMenuTrigger } from '$lib/components';	</script> 	<NavMenu ariaLabel="Workspace navigation">		<NavMenuItem>			<NavMenuTrigger href="#">Overview</NavMenuTrigger>		</NavMenuItem>		<NavMenuItem>			<NavMenuTrigger href="#">Team</NavMenuTrigger>		</NavMenuItem>	</NavMenu>

Examples

Dropdown Content

Add contextual flyout content for navigation areas with sub-sections.