ArrowLeftIcon based breadcrumb button

jviksne
Shopify Partner
1 0 0

Hello,

 

What is the proper way to add a left arrow based breadcrumb button for navigating to the list of entries in a Shopify Polaris/Remix application, the same way as in native Shopify GUI:

jviksne_0-1716982922047.png

I tried something like this but it is not rendered unless I replace <Icon /> with some text:

<Page>
      <ui-title-bar title={qrCode.id ? "Edit item" : "Create new item"}>
        <button variant="breadcrumb" onClick={() => navigate("/app")}><Icon
          source={ArrowLeftIcon}
          tone="base"
        /></button>
      </ui-title-bar>
Replies 0 (0)