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.
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 “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.
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.
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.
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
Available In Progress Planned Not Available Deprecated
Feedback

Help us improve Astro

Please rate your present experience with Astro:

Cancel