@75lb/page-header

page-header

Usage no npm install needed!

<script type="module">
  import 75lbPageHeader from 'https://cdn.skypack.dev/@75lb/page-header';
</script>

README

@75lb/page-header

Standard page navigation.

<style>
  page-header {
    --page-header-logo-image: url('your-logo.png');
    --page-header-logo-height: 3em; /* height and width default to 2em */
    --page-header-logo-width: 3em;
  }
</style>

<page-header>
  <span slot="title">Header title</span>
  <a href="/" slot="nav">Nav slot 1</a>
  <a href="/" slot="nav">Nav slot 2</a>
  <a href="/" slot="nav">Nav slot 3</a>
</page-header>