@bolt/components-nav-priority

Priority plus navigation system.

Usage no npm install needed!

<script type="module">
  import boltComponentsNavPriority from 'https://cdn.skypack.dev/@bolt/components-nav-priority';
</script>

README

"Nav Priority" is the Bolt Design System's web component implementation of the Priority+ Navigation Pattern.

Typically (but not exclusively) used in the <bolt-navbar> component, this component displays a collection of navigation links in a row when the container, not the screen size, fits the content. As individal links no longer fit, these get progressively added to a dropdown menu automaticaly, making for an extremely resiliant and flexible navigation pattern.

Heavily inspired by Container-Adapting Tabs With “More” Button.