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>
Last Updated 5 years ago
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages