Menu

Internal nav - Sticky on scroll

<nav class="mp c-internal-nav c-internal-nav--sticky" aria-label="In-page">
<div class="c-internal-nav__wrap">
<p class="c-internal-nav__title">Mastersizer range</p>
<ul class="c-internal-nav__list">
<li><a href="#overview">Overview</a></li>
<li><a href="#products">Products</a></li>
<li><a href="#product-comparison-table">Compare</a></li>
<li>
<a href="#" class="mp c-button c-button--small c-button--green" >Request a quote</a>
</li>
</ul>
</div>
</nav>
{
"links": [
{
"link": "#overview",
"label": "Overview"
},
{
"link": "#products",
"label": "Products"
},
{
"link": "#product-comparison-table",
"label": "Compare"
}
],
"classes": "c-internal-nav--sticky",
"title": "Mastersizer range",
"button": {
"link": "#",
"label": "Request a quote"
}
}

Props

Name Type Description
links link[] "link" and "label" objects