Icon Only Pagination
Pagination built from chevron icons for previous and next, with no page numbers. Keeps mobile toolbars and image viewers clean when only direction matters.
Pagination built from chevron icons for previous and next, with no page numbers. Keeps mobile toolbars and image viewers clean when only direction matters.
Search blocks by description or jump to a page.
Icon Only Pagination is a compact navigation row built entirely from icon buttons. Four square icon buttons sit on either side of a plain "Page 2 of 8" counter: double chevrons jump to the first and last page, and single chevrons step one page at a time. There are no numbered page buttons at all. Every button carries an accessible label so screen readers announce the destination even though no text is visible.
The counter text and total page count are straightforward to update, and the four navigation buttons can be trimmed if first and last jump controls are not needed. Nothing else competes for space, so the row drops cleanly into any container width without overflow concerns.
Reach for this block when the current position in a sequence is more important than jumping to a specific page number. It suits account statement views, transaction history feeds, and document queues in a fintech or banking product where users page through records in order rather than skipping to an arbitrary page. Compared to Compact Pagination, which still shows numbered buttons in a small footprint, this layout removes numbers entirely and is the right choice when the numbered list would feel cluttered on a narrow detail panel or mobile drawer.
A natural flow around it on a Components page:
Before
After
The block covers any context where only directional movement matters and page numbers would add noise:
Tip: if your dataset is very large, keep the double-chevron first and last buttons so users can escape a long sequence without repeated tapping.