Pagination · minstlye.io

The pagination component allows you to display number of pages, and to navigate between them.

<div class="ms-pagination">
    <ul>
        <li><a href="#">Prev</a></li>
        <li><a href="#">11</a></li>
        <li><a href="#">12</a></li>
        <li><a href="#" class="ms-active">13</a></li>
        <li><a href="#">14</a></li>
        <li><a href="#">15</a></li>
        <li><a href="#" class="ms-disabled">Next</a></li>
    </ul>
</div>

For more informations on the icons used, consult the dedicated page.

<ul>
    <li><a href="#/components/pagination?id=pagination"><i class="fas fa-backward"></i></a></li>
    ...
</ul>

Border

It is possible to add a border with the ms-border classe.

<div class="ms-pagination ms-border">
    ...
</div>