Pagination

Pagination links indicate a series of related content exists across multiple pages. In Chankya we can provide multiple style of pagination.

<nav aria-label="Page navigation">
    <ul class="pagination">
        <li class="page-item">
            <a class="page-link" href="javascript:;" aria-label="Previous">
                <span aria-hidden="true"><i class="fa fa-angle-double-left fa-lg" aria-hidden="true"></i></span>
            </a>
        </li>
        <li class="active page-item"><a class="page-link" href="javascript:;">1</a></li>
        <li class="page-item"><a class="page-link">2</a></li>
        <li class="page-item"><a class="page-link">3</a></li>
        <li class="page-item"><a class="page-link">4</a></li>
        <li class="page-item"><a class="page-link">5</a></li>
        <li class="page-item">
            <a class="page-link" href="javascript:;" aria-label="Next">
                <span aria-hidden="true">
                    <i class="fa fa-angle-double-right fa-lg" aria-hidden="true"></i>
                </span>
            </a>
        </li>
    </ul>
</nav>