Pagination
Navigate between pages of results.
Preview
Import
import { Pagination } from "@sigil-ui/components";Usage
<Pagination totalPages={10} currentPage={3} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
currentPage | number | — | Current active page (1-indexed). |
totalPages | number | — | Total number of pages. |
onPageChange | (page: number) => void | — | Callback when page changes. |
siblingCount | number | 1 | Number of page buttons visible around current. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-sm | Radius sm |
--s-duration-fast | Duration fast |
--s-primary | Primary |
--s-text-muted | Text muted |
--s-surface | Surface |
--s-primary-contrast | Primary contrast |