Provides a sub-navigation to be displayed as a secondary navigation. The component can provide anchor links on the same page to the referenced target or point toward other pages as classical urls.
The anchor variants takes a target key to be passed inside the data-scroll attribute.
The value of the target key needs to be specified as the id of the container which should be scrolled to.
As an example:
<a data-scroll="#{{ link.target }}">
<div class="c-sub-navigation-item">
<span>{{ link.text }}</span>
</div>
</a>
Will scroll to the portion of the page with a container with an id of link-target.
As an example, if the value of link.target is the_target it will scroll to:
<div id="the_target"></div>