1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-07 20:02:23 +04:00
Files
tabler/preview/pages/navigation.astro
T
2026-07-28 00:09:02 +02:00

53 lines
1.4 KiB
Plaintext

---
// Port of preview/pages/navigation.html — seven layout/navbar.html includes
// with variant params, rendered with the shared Navbar component.
//
// Note: fluid-search (variant 5) is a no-op — the search block in the Liquid
// condensed branch is dead code (`unless condensed` inside `if condensed`);
// the prop exists on Navbar only to mirror the include signature.
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>