Pagination overview
The styled paginator wraps the headless pagination contract with range text, movement controls, numbered page buttons, and page-size selection.
Basic usage
A styled paginator with controlled page index and page size.
Paginator (Plain CSS)
Paginator (Tailwind CSS)
Accessibility baseline
- Provide a clear
ariaLabelfor the pagination landmark. - Current page buttons expose
aria-current="page". - Disabled movement buttons stay non-interactive at page boundaries.