UI Library

Pagination

Toggle example guides Toggle HTML markup

Displays page numbers.

<insert-markup>pagination.current-</insert-markup>
Markup 
<nav class="m-pagination">
    <a class="m-pagination__link" href="#">1</a>
    <span class="m-pagination__separator"></span>
    <a class="m-pagination__link" href="#">4</a>
    <a class="m-pagination__link current" href="#">5</a>
    <a class="m-pagination__link" href="#">6</a>
    <span class="m-pagination__separator"></span>
    <a class="m-pagination__link" href="#">10</a>
</nav>
Source: static/css/src/_m-pagination.scss, line 1