Paginate

.Paginate

The Paginate component is orignally a part of datatables, but it can be used for navigation elsewhere as well.

Example

First Previous Current Next Last

Markup

<div class="Paginate">
    <a class="Paginate-button Icon--first is-disabled">First</a>
    <a class="Paginate-button Icon--previous is-disabled">Previous</a>
    <a class="Paginate-button Paginate-button--page is-active">Current</a>
    <a class="Paginate-button Icon--next">Next</a>
    <a class="Paginate-button Icon--last">Last</a>
</div>