altinn-designsystem/dist/patterns/01-molekyler-02-navigasjon-15-sidenavigering/01-molekyler-02-navigasjon-15-sidenavigering.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-02-navigasjon-15-sidenavigering -->
<nav>
  <ul class="pagination a-pagination" id="">
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
        <span class="sr-only">Previous</span>
      </a>
    </li>
    <li class="page-item active">
      <a class="page-link" href="#">1 <span class="sr-only">(current)</span></a>
    </li>
    <li class="page-item ">
      <a class="page-link" href="#">2</a>
    </li>
    <li class="page-item ">
      <a class="page-link" href="#">3</a>
    </li>
    <li class="page-item ">
      <a class="page-link" href="#">4</a>
    </li>
    <li class="page-item ">
      <a class="page-link" href="#">5</a>
    </li>
    <li class="page-item ">
      <a class="page-link" href="#">6</a>
    </li>
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
        <span class="sr-only">Next</span>
      </a>
    </li>
  </ul>
</nav>

<!-- END: 01-molekyler-02-navigasjon-15-sidenavigering -->