Pagination
Navigate between pages of tabular data. Three variants: numbers, minimal, and with-labels.
import
{ Pagination } from "@pepulux/ui"Numbers variant
Minimal variant
Page 3 of 8
With labels
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| totalPages* | number | — | Total number of pages |
| currentPage* | number | — | Active page (1-indexed) |
| onPageChange* | (page: number) => void | — | Called when page changes |
| variant | "numbers" | "minimal" | "with-labels" | "numbers" | Layout variant |
| shape | "square" | "circle" | "square" | Page button shape |
| siblingCount | number | 1 | Pages shown each side of current |