Navbar

Responsive navigation header

- default

<Navbar>
  {#snippet brand()}
    <h3 class="text-xl">
      <a href="#">Brand</a>
    </h3>
  {/snippet}
  <ul class="inline">
    <li><a href="#">Documentation</a></li>
    <li><a href="#">About</a></li>
    <li>
      <Button>Github</Button>
    </li>
  </ul>
</Navbar>

- not split

<Navbar split={false}>
  {#snippet brand()}
    <h3 class="text-xl">
      <a href="#">Brand</a>
    </h3>
  {/snippet}
  <ul class="inline">
    <li><a href="#">Documentation</a></li>
    <li><a href="#">About</a></li>
  </ul>
</Navbar>

API

Source code: Navbar.svelte