English Espanol Japanese
Notifications
Critical alert: Server crash detected
Just now
Emiliya mentioned in you a comment
1h
Backup completed successfully
2h
Profile updated successfully
3h
Nikita sent you a friend request
Accept
2d
API updated
3d
View All
Theme
Sidebar

Pagination

  1. Home
  3. Components
  5. Pagination
Default

<!--:Pagination:-->
<div aria-label="Page navigation example" class="flex items-center gap-1 pagination">
    <button class="page-link" disabled type="button">Previous</button>
    <button class="page-link active" type="button">1</button>
    <button class="page-link" type="button">2</button>
    <button class="page-link" type="button">3</button>
    <button class="page-link" type="button">Next</button>
</div>
Arrows

<!--:Pagination:-->
<div aria-label="Page navigation example" class="flex items-center gap-1 pagination">
    <button class="page-link" disabled type="button">
      <span class="icon-[lucide--chevron-left] rtl:rotate-180"></span>
    </button>
    <button class="page-link active" type="button">1</button>
    <button class="page-link" type="button">2</button>
    <button class="page-link" type="button">3</button>
    <button class="page-link" type="button">
     <span class="icon-[lucide--chevron-right] rtl:rotate-180"></span>
    </button>
</div>