Updated 18 December 2024
Pagination
Updated 18 Dec 2024View FigmaUpdated 18 Dec 2024View Figma
Use pagination to let merchants move through an ordered collection of items that has been split into pages. On the web, pagination uses buttons to move back and forth between pages. On iOS and Android, pagination uses infinite scrolling.
State
Properties
Type
Change the pagination’s `type` to display on the page or in a table. `Page` is the default type.
Label
Display a label. The label’s position changes depending on the pagination `type`.
Has previous
Enables the `previous` page button.
Has next
Enables the `next` page button.
Pagination(8 variants)
Figma notes
Use pagination to let merchants move through an ordered collection of items that has been split into pages. On the web, pagination uses buttons to move back and forth between pages. On iOS and Android, pagination uses infinite scrolling.
Polaris React:
Next button(8 variants)