Pagination
The Pagination element provides page navigation controls with numbered buttons, previous/next arrows, and optional item counts.
Features
- Page number buttons with current page highlight
- Previous/Next arrow navigation
- Optional First/Last page buttons
- Three styles — buttons (rounded), minimal (text), dots
- Overflow ellipsis for large page counts
- Items per page dropdown and count display
Settings
| Setting | Description | Default |
|---|---|---|
| Total Pages | Number of pages | 10 |
| Accent Color | Active page highlight color | #4285F4 |
| Style | Visual style: buttons, minimal, or dots | buttons |
| Max Visible | Maximum page buttons shown at once | 5 |
| Show Prev/Next | Display arrow navigation | true |
| Show First/Last | Display jump-to-first/last buttons | false |
| Show Items Per Page | Display items-per-page dropdown | false |
| Items Per Page | Default items per page | 10 |
| Total Items | Total item count for display | 100 |
Use Cases
- Data table navigation
- Search result pages
- Blog post listings
- Gallery page controls
Questions?
If you have any questions, please don't hesitate to contact us. Alternatively, you can submit an issue on this platform.