mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 13:17:00 +04:00
40 lines
1.3 KiB
Plaintext
40 lines
1.3 KiB
Plaintext
---
|
|
import DefaultLayout from '@shared/layouts/DefaultLayout.astro'
|
|
import Navbar from '@shared/components/navbar/Navbar.astro'
|
|
import DocsLink from '@ui/DocsLink.astro'
|
|
---
|
|
|
|
<DefaultLayout title="Navigation" pageMenu="base.navigation" description="Navbar variants — condensed, dark, colored, and with different logo and search layouts.">
|
|
<DocsLink slot="page-header-actions" path="/ui/layout/navbars" />
|
|
|
|
<div>
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-1" sample condensed transparent personId={3} />
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-2" sample condensed personId={4} />
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-3" sample condensed dark hideLogo showTitle hideIcons hideUsername personId={5} />
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-4" sample condensed dark smallLogo backgroundColor="#7952b3" hideSearch personId={6} />
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-5" sample condensed dark background="primary" hideBrand hideIcons hideUsername personId={7} />
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-6" sample smallLogo showTitle personId={8} />
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<Navbar menuId="navbar-menu-7" sample dark personId={9} />
|
|
</div>
|
|
</div>
|
|
</DefaultLayout>
|