Navigate long datasets a page at a time
Numbered page buttons with the first and last page always visible and ellipses covering the gaps. The current page uses the primary action fill, arrows disable at either end, and a compact mode trades the numbers for a page readout. Pairs naturally with Table.
Default
Many pages
Compact
With a table
| Token | Value | Tier |
|---|---|---|
--primitive-teal-07 | #118AB2 | Primitive |
--primitive-neutral-02 | #D6D6D6 | Primitive |
--color-action-primary-bg | teal-07 | Semantic |
--color-divider | neutral-02-semi | Semantic |