Skip to main content

Pagination

Pagination affords navigation between pages of content, and it highlights the page currently in view.

Specifications

Example
Small
Default
Large

  • Use no arrows when number of pages is eight or fewer.
  • Display a maximum interval of eight pages at a time.
  • Single caret icon increments by one page.
  • Double caret icon jumps to the first or last page.
  • Distinctive highlight for current page.

Behaviors

  • Disable the first and previous arrow icons (and their labels) when the first page is selected.

  • Disable the next and last arrow icons (and their labels) when the last page is selected.
Last updated September 17, 2024.