Skip to main content Red Hat Design System logo Contribute on Github

Pagination

Overview Style Guidelines Code Demos Accessibility

Overview

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

Image of two paginations; one is full size showing double truncation and a page input field and the other one is compact size showing only a page field input.

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

Status checklist

Property Status Meaning
Figma library Ready Component is available in the Figma library
RH Elements Ready Component is available in the RH Elements repo
WebRH Ready Component is available in the WebRH repo
© 2021-2024 Red Hat, Inc. Deploys by Netlify