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.

Examples

  </.Pagination>

See

• https://polaris.shopify.com/components/navigation/pagination
• https://github.com/Shopify/polaris/blob/main/polaris-react/src/components/Pagination/Pagination.tsx

Attributes

• id (:string) - Defaults to "".
• has_next (:boolean) - Whether there is a next page to show. Defaults to false.
• has_previous (:boolean) - Whether there is a previous page to show. Defaults to false.
• accessibility_label (:string) - Accessible label for the pagination. Defaults to "pagination".
• on_next (:any) - Callback when next button is clicked. Defaults to nil.
• on_previous (:any) - Callback when previous button is clicked. Defaults to nil.
• label (:string) - Text to provide more context in between the arrow buttons. Defaults to nil.
• type (:string) - Layout structure of the component. Defaults to nil.