@servicensw/header

Service NSW package documentation and examples (Login credentials required)

Installation

npm install @servicensw/header --save-dev

How to use

CSS

• PostCSS workflow: @import '@servicensw/header';
• Sass/Eyeglass: @import 'servicensw-header';
• Native CSS: @import url('dist/header.css');
• Link tag: <link href="dist/header.css" rel="stylesheet" type="text/css">

HTML

<header class="page-header">
  <div class="container">
    <div class="print-logo">
      <img src="../images/servicensw-logo.png" alt="Service NSW" />
    </div>
    <nav class="breadcrumb" role="navigation" aria-label="Breadcrumbs">
      <ol>
        <li>
          <a href="#">Home</a>
        </li>
        <li class="breadcrumb__previous">
          <a href="#">Previous page</a>
        </li>
        <li>
          <a href="#">Current page</a>
        </li>
      </ol>
    </nav>
    <h1>Page title</h1>
    <p>Page intro.</p>
  </div>
</header>

Developer notes

Please ensure the correct path to servicensw-logo.png print logo is provided for printed output of page. Change log