Nexub DSv0.0.2
Brand
Components · Navigation
Page navigation control with prev/next and page number buttons.
import { Pagination } from '@nexub/react';| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| page | number | — | ✓ | The currently active page (1-indexed). |
| totalItems | number | — | ✓ | Total number of items across all pages. |
| pageSize | number | 10 | — | Number of items per page. Used to calculate total page count. |
| siblingCount | number | 1 | — | Number of page buttons to show on each side of the current page. |
| onPageChange | (page: number) => void | — | ✓ | Callback invoked with the new page number when the user navigates. |
| showFirstLast | boolean | true | — | Whether to show First and Last page navigation buttons. |
| disabled | boolean | false | — | Disables all pagination controls. |