Pagination
NewnavigationPage navigation control with previous/next buttons, active page state, and current-page semantics.
import { Pagination } from '@/components/forge'Preview
Pagination
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
page | number | - | Yes | Current page |
totalPages | number | - | Yes | Total number of pages |
onPageChange | (page: number) => void | - | No | Callback when a page is selected |
Variants
default
Accessibility
- Wrapped in a nav with aria-label="Pagination"
- Active page receives aria-current="page"
- Previous and next buttons disable at boundaries