Styleguides

Shared Assets & Docs

Menu

Show a list of paginated links with a .pagination class on a <ul> or <li>.

<ul class="pagination">
  <li><span>&lsaquo; Previous</span></li>
  <li><a href="#" class="is-active">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">Next &rsaquo;</a></li>
</ul>

Pagination Alignment

You can align pagination using the standard .text-left, .text-center, and .text-right classes.

<ul class="pagination text-left">...</ul>
<ul class="pagination text-center">...</ul>
<ul class="pagination text-right">...</ul>