DSO Toolkit | Component Library

Pager: Default 

<nav aria-label="Zoekresultaten pager">
    <ul class="pager">
        <li>
            <a href="#">
                Vorige
            </a>
        </li>
        <li>
            <a href="#">
                Volgende
            </a>
        </li>
    </ul>
</nav>
 
<nav aria-label="Zoekresultaten pager">
  <ul class="pager">
    <li{{#if firstPage}} class="disabled"{{/if}}>
      <a href="#">
        Vorige
      </a>
    </li>
    <li{{#if lastPage}} class="disabled"{{/if}}>
      <a href="#">
        Volgende
      </a>
    </li>
  </ul>
</nav>
 
/* No context defined for this component. */

Standaard worden de knoppen gecentreerd. Wil je ze aan de zijkant uitlijnen, dan dien je .previous en .next te plaatsen op de li's.

Een pager is navigatie. Om de Bootstrap documentatie te citeren:

Labelling the pagination component

The pagination component should be wrapped in a

(https://getbootstrap.com/docs/3.3/components/#callout-pagination-label)