Menu

Series

<ul class="mp c-series">
<li>
<a href="/prototype/webinar" class="u-link u-link--red">Part 2 of 3</a>
</li>
<li>
<a href="/prototype/webinar" class="mp c-twi u-link c-twi--left"><span>Watch part 1</span>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
<use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
</svg>
</a>
</li>
<li>
<a href="/prototype/webinar" class="mp c-twi u-link c-twi--left"><span>Register for part 3</span>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
<use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
</svg>
</a>
</li>
</ul>
{
"links": [
{
"link": "/prototype/webinar",
"label": "Part 2 of 3",
"active": true
},
{
"link": "/prototype/webinar",
"label": "Watch part 1"
},
{
"link": "/prototype/webinar",
"label": "Register for part 3"
}
]
}

Props

Name Type Description
links link[] Array of links

link

Name Type Description
link string
label string
active bool