nvquick Brands Navbar

This is a web-component to handle the display of a brands navigation bar across all website properties within the overarching brand portfolio.

Getting Started

To develop on this project:

Clone the project and run:

npm install
npm start

To build the component for production, run:

npm run build

Need help? Check out the stencil docs here.

Using this component

Lazy Loading

<script type="module" src="https://unpkg.com/@nvisionative/nvq-brands-nav-bar"></script>
<!--
To avoid unpkg.com redirects to the actual file, you can also directly import:
https://unpkg.com/[email protected]/dist/nvq-brands-nav-bar/fnvq-brands-nav-bar.esm.js
-->
<nvq-brands-nav-bar>
  <a href="https://mybrand.com" alt="My Brand">
    <img src="https://mybrand.com/images/logo.svg" alt="My Brand" />
  </a>
</nvq-brands-nav-bar>

This will only load the necessary scripts needed to render <nvq-brands-nav-bar />. Once more components of this package are used, they will automatically be loaded lazily.

You can also import the script as part of your node_modules in your applications entry file:

import '@nvisionative/nvq-brands-nav-bar/dist/nvq-brands-nav-bar/nvq-brands-nav-bar.esm.js';