Skip to main content

Pagination

Pagination for lists of articles that span across multiple pages. Used on categories, tags and landing pages.

Example

<nav class="pagination">

<div class="g-paging">
<a class="pagination-page" href="#">1</a>
<span class="pagination-page" href="#">...</span>
<a class="pagination-page" href="#">4</a>
<a class="pagination-page pagination-page--current" href="#">5</a>
<a class="pagination-page" href="#">6</a>
</div>
<div class="g-paging-more">
<a class="pagination-more" href="#">Show more</a>
</div>
</nav>