Parat til dokumentation
<nav class="flow-pager">
<ul class="flow-pager__level-1">
<li class="flow-pager__level-1-item">
<a href="#" class="flow-pager__level-1-link ">
<div class="flow-pager__level-1-title">1. Bebygget areal</div>
<div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
</a>
</li>
<li class="flow-pager__level-1-item">
<a href="#" class="flow-pager__level-1-link active">
<div class="flow-pager__level-1-title">2. Anvendelse</div>
<div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
</a>
</li>
<li class="flow-pager__level-1-item">
<a href="#" class="flow-pager__level-1-link ">
<div class="flow-pager__level-1-title">3. Fejl og mangler</div>
<div class="flow-pager__level-1-description">Informationstekst for dette trin</div>
</a>
</li>
</ul>
</nav>
<nav class="flow-pager">
<ul class="flow-pager__level-1">
{{#each items}}
<li class="flow-pager__level-1-item">
{{#if notLink }}
<div
{{else}}
<a href="#"
{{/if}}
class="flow-pager__level-1-link {{#if active}}active{{/if}}">
<div class="flow-pager__level-1-title">{{title}}</div>
<div class="flow-pager__level-1-description">{{description}}</div>
{{#if notLink }}
</div>
{{else}}
</a>
{{/if}}
</li>
{{/each}}
</ul>
</nav>
{
"items": [
{
"title": "1. Bebygget areal",
"description": "Informationstekst for dette trin"
},
{
"title": "2. Anvendelse",
"description": "Informationstekst for dette trin",
"active": true
},
{
"title": "3. Fejl og mangler",
"description": "Informationstekst for dette trin"
}
]
}