---
name: pagination
category: navigation
summary: "Page navigation with ellipsis and prev/next"
subpath: "@42/core/pagination"
---

Page navigation that renders page buttons with ellipsis. Prev/next, `aria-current`.

```html
<nav data-c42-pagination>
  <button data-c42-pagination-prev>Prev</button>
  <div data-c42-pagination-list></div>
  <button data-c42-pagination-next>Next</button>
</nav>
```

```ts
import { Pagination } from '@42/core/pagination';
const p = new Pagination(root, { total: 20, page: 1, siblingCount: 1, boundaryCount: 1 });
p.next();
```

Options: `total` (required), `page`, `siblingCount`, `boundaryCount`
Methods: `setPage(n)`, `next()`, `prev()`
Events: `pagination:change` → `{ page: number }`