# Core/Pagination - Usage

Pagination component for navigating through paged content. Renders prev/next buttons and a page number input with total pages indicator.

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `total` | `number` | Yes | `--` | Total number of data items. Used with `pageSize` to compute total pages. |
| `current` | `number` | Yes | `--` | Current page number (1-based). |
| `pageSize` | `number` | No | 10 | Number of items per page. Defaults to `10`. |
| `onChange` | `(page: number, pageSize: number) => void` | No | `--` | Callback when page changes. |
| `disabled` | `boolean` | No | false | Whether the pagination is disabled. |
| `aria-label` | `string` | Yes | `--` | Accessible name for the navigation. Required for accessibility. |
| `className` | `never` | No | `--` | Use `FORCE__className` instead. |
| `style` | `never` | No | `--` | Inline styles are not supported; use component props or `FORCE__className`. |
| `FORCE__className` | `string` | No | `--` | 🚨 This prop is meant to be an escape hatch. 🚨<br><br>If the desired style cannot be achieved using component props, use this as a last resort. The inner workings of Capra components are implementation details and this escape hatch gives one access to those implementation details. We cannot make any guarantees that styles will applied correctly across version updates. Please use it responsibly.<br><br>Add a CSS class to the component. |