Pagination

The Pagination component lets users navigate through pages of content — perfect for blogs, tables, or any paginated interface.

It includes a Pagination Wrapper that contains a slot for multiple Pagination Items.

Each Pagination Item can be customized using Variant Mode to change its appearance and role:

• Previous – a button to go to the previous page
• Next – a button to go to the next page
• Number – a regular page number
• Number Active – highlights the current page
• Ellipses – represents skipped page numbers

Usage

1. Drag the Pagination Wrapper onto the canvas.
2. Add Pagination Items into the slot.
3. Use Variant Mode to set each item’s type (Previous, Number, etc.).
4. Update labels and links via the Component Properties panel.

This component gives you full flexibility to build simple or complex pagination layouts that match your design system.