Pagination

Pagination is a navigational element that divides content into pages for improved user experience with large amounts of data.

Overview

The purpose of a pagination component is to provide users with a systematic way to navigate through multiple pages of content. By dividing content into smaller sections, users can easily browse through the information, access specific pages and navigate back and forth between pages.

Pagination is commonly used in websites, applications, or documents that present a significant amount of data or content that cannot be displayed on a single page. It helps organise and present the content in a more manageable and accessible manner.

Pagination placed at the bottom of a container.

Resources

Figma Component	Stable
Figma Documentation	Stable
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Stable
iOS JustUI [UI Kit]	N/A
iOS PIE [SwiftUI]	N/A
Android PIE [Compose & Views]	N/A