BBR

Step 1

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 active">
                <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 ">
                <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",
      "active": true
    },
    {
      "title": "2. Anvendelse",
      "description": "Informationstekst for dette trin"
    },
    {
      "title": "3. Fejl og mangler",
      "description": "Informationstekst for dette trin"
    }
  ]
}