Pagination
Free
Navigation component for splitting content across multiple pages. Includes various styles, sizes, and behaviors for different use cases.
Installation
Install via CLI
moonui add paginationUsage
Current page: 1 of 10
Examples
Basic Pagination
Simple pagination with previous/next buttons and page numbers
Current page: 1 of 10
Advanced Pagination
Full-featured pagination with page size selector and jump to page
Showing 1 to 10 of 250 results
Items per page:
Go to page:
Simple Pagination
Minimalist pagination with button style
Compact Pagination
Space-saving pagination for mobile or tight layouts
Page 3 of 10
Table with Pagination
Complete table example with integrated pagination
| ID | Name | Status |
|---|---|---|
| 1 | Item 1 | active |
| 2 | Item 2 | inactive |
| 3 | Item 3 | inactive |
| 4 | Item 4 | active |
| 5 | Item 5 | inactive |
| 6 | Item 6 | inactive |
| 7 | Item 7 | active |
| 8 | Item 8 | inactive |
| 9 | Item 9 | inactive |
| 10 | Item 10 | active |
1-10 of 47