Pagination
Basic Pagination
Simple pagination navigation
With Icons
Navigation with arrow icons
States & Sizes
Active & Disabled
Different pagination states
Pagination Sizes
Small, default, and large sizes
Small
Default
Large
Alignment
Pagination Alignment
Start, center, and end alignment
Start (Default)
Center
End
Advanced Examples
With Ellipsis
Truncated pagination for many pages
With Page Info
Pagination with current page indicator
Showing 1-10 of 100 results
Real-World Examples
Data Table Pagination
Pagination with items per page selector
| # | Name | Status | |
|---|---|---|---|
| 1 | John Doe | john@example.com | Active |
| 2 | Jane Smith | jane@example.com | Active |
| 3 | Bob Johnson | bob@example.com | Pending |
| 4 | Alice Brown | alice@example.com | Active |
| 5 | Charlie Wilson | charlie@example.com | Inactive |
Simple Prev/Next
Blog post navigation style
With Page Jump
Direct page navigation input
Go to
of 10