<div class="anchor-links" data-module="anchorLinks">
<h3 class="anchor-links__title">What's on this page?</h3>
<ul class="anchor-links__list">
<li class="anchor-links__list-item">
<a class="anchor-links__link" href="#anchor-section-1">
<span class="anchor-links__icon"></span>
<span class="anchor-links__text">Anchor Section 1</span>
</a>
</li>
<li class="anchor-links__list-item">
<a class="anchor-links__link" href="#anchor-section-2">
<span class="anchor-links__icon"></span>
<span class="anchor-links__text">Anchor Section 2</span>
</a>
</li>
<li class="anchor-links__list-item">
<a class="anchor-links__link" href="#anchor-section-3">
<span class="anchor-links__icon"></span>
<span class="anchor-links__text">Anchor Section 3</span>
</a>
</li>
<li class="anchor-links__list-item">
<a class="anchor-links__link" href="#anchor-section-4">
<span class="anchor-links__icon"></span>
<span class="anchor-links__text">Anchor Section 4</span>
</a>
</li>
</ul>
</div>
<div class="anchor-links" data-module="anchorLinks">
<h3 class="anchor-links__title">{{title}}</h3>
<ul class="anchor-links__list">
{{#each links}}
<li class="anchor-links__list-item">
<a class="anchor-links__link" href="{{url}}">
<span class="anchor-links__icon"></span>
<span class="anchor-links__text">{{text}}</span>
</a>
</li>
{{/each}}
</ul>
</div>
{
"title": "What's on this page?",
"links": [
{
"text": "Anchor Section 1",
"url": "#anchor-section-1"
},
{
"text": "Anchor Section 2",
"url": "#anchor-section-2"
},
{
"text": "Anchor Section 3",
"url": "#anchor-section-3"
},
{
"text": "Anchor Section 4",
"url": "#anchor-section-4"
}
]
}
There are no notes for this item.