Paper Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<a href="https://shopify.com" data-controller="paper-button" class="Polaris-Button Polaris-Button--iconOnly">
  <span class="Polaris-Button__Content">
    <div class="Polaris-Button__Icon">
      <span class="Polaris-Icon">
        <svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M17 9h-11.586l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5a.999.999 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414l-3.293-3.293h11.586a1 1 0 1 0 0-2z"></path></svg>
      </span>
    </div>
  </span>
</a>
<button type="button" data-controller="paper-button" class="Polaris-Button">
  <span class="Polaris-Button__Content">
    <div class="Polaris-Button__Icon">
      <span class="Polaris-Icon">
        <svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M0 10c0 5.514 4.486 10 10 10s10-4.486 10-10-4.486-10-10-10-10 4.486-10 10zm5 0a1 1 0 0 1 1-1h3v-3a1 1 0 1 1 2 0v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3h-3a1 1 0 0 1-1-1z"></path></svg>
      </span>
    </div>
     
    <div class="Polaris-Button__Text">
      Add product
    </div>
  </span>
</button>
1
2
3
<%= paper_button(url: "https://shopify.com", icon_name: "ArrowLeftMinor") %>
<%= paper_button(icon_name: "CirclePlusMajor") { "Add product" } %>

No notes provided.

No params configured.