Modrinth/docs/routes/components/NavRow.md

NavRow works well for most horizontal navigation with less than 10 items. It can be used with paths & query params, and supports specific path level (depths).

Query example

<script lang="ts">
	import { NavRow } from 'omorphia'
</script>

<div class="card card--strip card--pad-x">
	<NavRow
		level={1}
		query={'tab'}
		links={[
			{
				href: '',
				label: 'All',
			},
			{
				href: 'mods',
				label: 'Mods',
			},
			{
				href: 'modpacks',
				label: 'Modpacks',
			},
			{
				href: 'textures',
				label: 'Textures',
			},
			{
				href: 'shaders',
				label: 'Shaders',
			},
			{
				href: 'maps',
				label: 'Maps',
			},
		]} />
</div>

Route example

<script lang="ts">
	import { NavRow } from 'omorphia'
</script>

<NavRow
	level={1}
	links={[
		{
			href: '/Button',
			label: 'Button',
		},
		{
			href: '/Chips',
			label: 'Chips',
		},
		{
			href: '/NavRow',
			label: 'NavRow',
		},
	]} />