Pagination

Skip to main content

Rules of Thumb

Do not use underlined text except for in hovered elements.
Use Pagination only when necessary. Instead, think about editing the content to fit onto one page.
Make each page a similar length.
If there is only one page, no Pagination is needed.
Be sure the current page is easily distinguishable from other pages referenced by the Pagination

Appearance and Behavior

Examples

Offer a “Prev” and “Next” link where useful.

Disable the “Prev” link when there are no more pages before the first numeral displayed.

Disable the “Next” link when there are no more pages after the last numeral displayed.

Pagination of Search Results

Optionally, links for “Show all” and “Number of results” may be displayed below page numbers. Links are centered below the Pagination on the same baseline.

When there are no Search results, suggest that the user amend the Search.

Asset Status

Asset	Version	Status
Documentation	N/A	Available
UI Kit - Dark	v7	Available
UI Kit - Light	v7	Available
UI Kit - Wireframe	v7	Available
Web Component	N/A	Planned
Component Tokens	N/A	Planned

Status Key

AvailableIn ProgressPlannedNot AvailableDeprecated

Feedback

Cancel