Nav Indicator Sub-Component in Bolt


20793.6.04 months ago3 years agoMinified + gzip package size for @bolt/components-nav-indicator in KB


The <bolt-nav-indicator> web component handles the display and animations of the active / inactive ` links contained inside.

As the <bolt-nav-indicator> is a JavaScript and Sass-only web component, no Twig file is actually required. Components wiring up to use the <bolt-nav-indicator> wrap the containing unordered-list of <navlinks> and this component does all the heavy lifting!

  <ul class="c-bolt-nav-priority__list c-bolt-nav-priority__primary">
    {% for item in links %}
      <li class="c-bolt-nav-priority__item">
        {% include "@bolt-components-navlink/navlink.twig" with item only %}
    {% endfor %}

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.