tabler/preview/pages/navigation.astro

---
// with variant params, rendered with the shared Navbar component.
//
// fluid-search (variant 5) is a no-op — search block in condensed branch is dead code.
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import Navbar from '@shared/components/navbar/Navbar.astro';
---

<DefaultLayout title="Navigation" pageHeader="Navigation" pageMenu="base.navigation">
	<div class="box">
		<div class="mb-3">
			<Navbar sample condensed transparent personId={3} />
		</div>

		<div class="mb-3">
			<Navbar sample condensed personId={4} />
		</div>

		<div class="mb-3">
			<Navbar sample condensed dark hideLogo showTitle hideIcons hideUsername personId={5} />
		</div>

		<div class="mb-3">
			<Navbar sample condensed dark smallLogo backgroundColor="#7952b3" hideSearch personId={6} />
		</div>

		<div class="mb-3">
			<Navbar
				sample
				condensed
				dark
				background="primary"
				hideBrand
				hideIcons
				fluidSearch
				hideUsername
				personId={7}
			/>
		</div>

		<div class="mb-3">
			<Navbar sample smallLogo showTitle personId={8} />
		</div>

		<div class="mb-3">
			<Navbar sample dark personId={9} />
		</div>
	</div>
</DefaultLayout>