# Pagination

Pagination: a free component, built on your design tokens, to use under a long table. The footer under a long table: how many rows are showing, rows per page, and previous, next and page numbers that collapse to "Page 3 of 49" when narrow.

Prompt: Add the OpenDesigner component pagination to this project: https://opendesigner.dev/library/r/pagination.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: current page, hover, focus, disabled, narrow.

Accessibility: A navigation landmark named Pagination; the current page has aria-current, page buttons have full names, the ellipsis is hidden from screen readers and the row count is a polite live region.

File: https://opendesigner.dev/library/r/pagination.html