Pagination

Divide content into separate pages.

When to use

- When the user will be searching for information rather than scanning.

- When the user must maintain a sense of position amonst the paginated elements.

Examples

Pagination Controlled example
of 20
Pagination Uncontrolled example
of 10
Pagination with Custom Labels
out of 10
Pagination with Overrides
of 10

Overrides

Additionally, you can fully customize any part of the Pagination through the overrides prop. The Pagination consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector:

of 10