Skip to content

ComponentsPagination

Components

Pagination

Settings-table paging: 28px ghost chevrons with tooltips, “Page X of Y” in tabular figures, a polite “Showing a–b of n” summary; the ends are aria-disabled (no disabled attribute, skipped by Tab).

Inline

Design systems / authorization tokens tables: left-aligned under the table. Prev on page 1 is aria-disabled with its content at .4; it is not rendered at all when everything fits on one page (v-if pageCount > 1).

Prev · Page X of Y · Next
light
dark

Numbered and labelled

Not used by claude.ai; restyled to the kit: ghost 28px page buttons, the current one on the selected fill; first / last chevrons; show-label restores text buttons.

Numbered
show-label