Learn more about Fraud Protect.
Don't * Remove underlines when the user cannot determine it's interactivity Example Learn more about Fraud Protect. ### Submitting data Merchants generally expect links to navigate, and not to submit data or take action. If you need a component that doesn’t have a URL associated with it, then use the [button component](https://polaris.shopify.com/components/actions/button) instead. ### Labeling Give links text that clearly describes their purpose. The accessibilityLabel prop adds an aria-label attribute to the link, which can be accessed by assistive technologies like screen readers. Typically, this label text replaces the visible text on the link for merchants who use assistive technology. To provide consistency and clarity: * Use the same text for links that navigate to the same content * Use different text for links that navigate to different content Do Example fulfilling orders Don't Example fulfilling orders Do Example /* Somewhere in the code: */ fulfilling orders /* Elsewhere in the code: */ fulfilling orders Don't Example /* Somewhere in the code: */ fulfilling orders /* Elsewhere in the code: */ order fulfillment section ### Keyboard support Links use browser defaults for keyboard interaction. * Give links keyboard focus with the tab key (or shift + tab when tabbing backwards) * Activate links with the enter/return key On this page ------------ --- # Pagination — Shopify Polaris React [**Introducing Polaris** - Unified and for the web. Release Candidate](https://shopify.dev/beta/next-gen-dev-platform/polaris) [Skip to content](https://polaris-react.shopify.com/components/navigation/pagination#main) [Polaris React](https://polaris-react.shopify.com/) Search / Pagination ========== 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. ### Pagination component examples DefaultWith keyboard navigationWith labelWith table type Use for pagination of resources. Edit in CodeSandbox ReactHTML import {Pagination} from '@shopify/polaris'; import React from 'react'; function PaginationExample() { return (Tab {selected} selected
Your mailing list lets you contact customers or visitors who have shown an interest in your store. Reach out to them with exclusive offers or updates about your products.
Test linkBy signing up for the Shopify service (“Service”) or any of the services of Shopify Inc. (“Shopify”) you are agreeing to be bound by the following terms and conditions (“Terms of Service”). The Services offered by Shopify under the Terms of Service include various products and services to help you create and manage a retail store, whether an online store (“Online Services”), a physical retail store (“POS Services”), or both. Any new features or tools which are added to the current Service shall be also subject to the Terms of Service. You can review the current version of the Terms of Service at any time at https://www.shopify.com/legal/terms. Shopify reserves the right to update and change the Terms of Service by posting updates and changes to the Shopify website. You are advised to check the Terms of Service from time to time for any updates or changes that may impact you.
View a summary of your online store’s performance.
Tab {selected} selected
Use Instagram posts to share your products with millions of people. Let shoppers buy from your store without leaving Instagram.
No sales channels selected
Shopify POS is the easiest way to sell your products in person. Available for iPad, iPhone, and Android.