Header Component

Table of Contents

Usage

Nisi veniam velit aliquip ullamco do in eiusmod cillum laboris. Adipisicing mollit officia tempor incididunt anim ad commodo. Adipisicing officia laboris occaecat ut. Aute duis velit nulla ut tempor velit proident. Est commodo aliquip pariatur elit duis cupidatat adipisicing culpa ea laboris. Et amet tempor officia ad sunt et consequat excepteur voluptate magna. Labore sit anim deserunt consectetur nisi ad sit minim ea consequat excepteur eiusmod sunt.

Ut sunt mollit aute deserunt elit veniam nulla do non ipsum nulla.

Content loaded in an iFrame Open in new tab
<script>
  import {
    Header,
    HeaderLeft,
    HeaderCenter,
    HeaderRight,
    HeaderLogo,
    Search,
    ThemeToggle,
  } from "$lib/components";
  import { ImageIcon } from "svelte-feather-icons";
</script>

<Header>
  <HeaderLeft>
    <HeaderLogo>
      <ImageIcon size="32" />
    </HeaderLogo>
  </HeaderLeft>
  <HeaderCenter>
    <Search />
  </HeaderCenter>
  <HeaderRight>
    <ThemeToggle />
  </HeaderRight>
</Header>