Pagination

OverviewStyleGuidelinesCodeAccessibilityDemos

Overview

A paginator allows users to navigate between pages of related content.

Status

Sample element

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5

When to use

  • When you need to divide large quantities of data or content into chunks
  • When you need to enable users to navigate to through pages or locate a specific page number
  • When you need to improve the loading performance of a system
Image of four paginations; one is full size showing double truncation and a page input field. One is compact size showing only a page field input. The two below it are the open variants in the same sizes.

Status checklist