Brukes nederst på siden på søkeresultat og annen utlisting der det er over et gitt antall utlistede items.

Valgt side markeres med blått.

When the current page is either the first or last page, the corresponding previous or next links' parent `<li>` element should have the class `.paging__paging-item--visible` removed.

Paging

<ol class="paging list--reset-style">
    <li class="paging__paging-item paging__paging-item--prev-item paging__paging-item--visible">
        <a class="paging__paging-item-link paging__paging-item-link--prev-link link--no-underline" href="url">Forrige</a>
    </li>
    <li class="paging__paging-item">
        <a class="paging__paging-item-link link--no-underline" href="url">1</a>
    </li>
    <li class="paging__paging-item">
        <a class="paging__paging-item-link link--no-underline" href="url">2</a>
    </li>
    <li class="paging__paging-item paging__paging-item--current">3</li>
    <li class="paging__paging-item">
        <a class="paging__paging-item-link link--no-underline" href="url">4</a>
    </li>
    <li class="paging__paging-item">
        <a class="paging__paging-item-link link--no-underline" href="url">5</a>
    </li>
    <li class="paging__paging-item paging__paging-item--next-item paging__paging-item--visible">
        <a class="paging__paging-item-link paging__paging-item-link--next-link link--no-underline" href="url">Neste</a>
    </li>
</ol>

Negative paging

To achieve the negative version of paging, add the modifier class `.paging--negative` to the `<ol>` element.

<ol class="paging paging--negative list--reset-style">
    ...

Paging with first and last links

<ol class="paging list--reset-style">
        <li class="paging__paging-item paging__paging-item--prev-item paging__paging-item--visible">
            <a class="paging__paging-item-link paging__paging-item-link--prev-link link--no-underline" href="url">Forrige</a>
        </li>
        <li class="paging__paging-item">
            <a class="paging__paging-item-link link--no-underline" href="url">1</a>
        </li>
        <li class="paging__paging-item paging__paging-item--leap"></li>
        <li class="paging__paging-item">
            <a class="paging__paging-item-link link--no-underline" href="url">5</a>
        </li>
        <li class="paging__paging-item">
            <a class="paging__paging-item-link link--no-underline" href="url">6</a>
        </li>
        <li class="paging__paging-item paging__paging-item--current">7</li>
        <li class="paging__paging-item">
            <a class="paging__paging-item-link link--no-underline" href="url">8</a>
        </li>
        <li class="paging__paging-item">
            <a class="paging__paging-item-link link--no-underline" href="url">9</a>
        </li>
        <li class="paging__paging-item paging__paging-item--leap"></li>
        <li class="paging__paging-item">
            <a class="paging__paging-item-link link--no-underline" href="url">67</a>
        </li>
        <li class="paging__paging-item paging__paging-item--next-item paging__paging-item--visible">
            <a class="paging__paging-item-link paging__paging-item-link--next-link link--no-underline" href="url">Neste</a>
        </li>
    </ol>