Pagination

Moves between numbered result pages while preserving native links.

Astro

---
import { Pagination } from '@charvesta/cetha';
---

<Pagination page={2} pageCount={5} baseUrl="/items" label="Items" previousLabel="Previous" nextLabel="Next" />

API reference

Prop	Type	Default	Description
`page`*	`number`	—	Current one-based page.
`pageCount`*	`number`	—	Total page count.
`baseUrl`*	`string`	—	Base destination for generated links.
`label`*	`string`	—	Navigation landmark label.
`previousLabel`*	`string`	—	Previous-page label.
`nextLabel`*	`string`	—	Next-page label.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

The current page and disabled boundary controls are communicated semantically.