Chankya
  • Introduction
  • Getting Started
  • Start Building
  • Layouts
  • Seed Project
  • Style Customisation
  • Third Party Modules
  • UI Elements
    • Buttons
    • Progress Bar
    • Tabs
    • Accordions
    • Pagination
    • Tooltip
    • Cards
    • Social Icons
    • Typography
    • Drop down
    • Alerts
    • Carousel
    • Date picker
    • Slider
  • Components
    • List
    • Grid
  • Contact Us
    • Hire Us
  • Changelog
Powered by GitBook
On this page

Was this helpful?

  1. UI Elements

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>

PreviousAccordionsNextTooltip

Last updated 6 years ago

Was this helpful?