Pagination

Navigate to the previous or next page.

Documented

The component is fully documented

Figma component

Includes a link to a Figma component that has been imported to Supernova

Open in Figma

Status

The component has a health status indicated

Healthy

Overview

Pagination Preview

Usage

Incorporate accessibility best practices by ensuring that the pagination component is navigable via keyboard controls and screen readers.

Never include the numbers in between 3 and the maximum number of pages

Ensure that the pagination component provides immediate and clear feedback upon interaction. This means highlighting the current number the user is on using the brand text color.

The pagination component should fill the width of the page container.