Polaris ViewComponents

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="polaris-button" class="Polaris-Button Polaris-Button--iconOnly">
  <span class="Polaris-Button__Content">
    <div class="Polaris-Button__Icon">
      <span class="Polaris-Icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M16.5 10a.75.75 0 0 1-.75.75h-9.69l2.72 2.72a.75.75 0 0 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06l-2.72 2.72h9.69a.75.75 0 0 1 .75.75Z"></path></svg>
      </span>
    </div>
  </span>
</a>
<button type="button" data-controller="polaris-button" class="Polaris-Button">
  <span class="Polaris-Button__Content">
    <div class="Polaris-Button__Icon">
      <span class="Polaris-Icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M6.25 10a.75.75 0 0 1 .75-.75h2.25v-2.25a.75.75 0 0 1 1.5 0v2.25h2.25a.75.75 0 0 1 0 1.5h-2.25v2.25a.75.75 0 0 1-1.5 0v-2.25h-2.25a.75.75 0 0 1-.75-.75Z"></path><path fill-rule="evenodd" d="M10 17a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm0-1.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z"></path></svg>
      </span>
    </div>
     
    <div class="Polaris-Button__Text">
      Add product
    </div>
  </span>
</button>
1
2
3
<%= polaris_button(url: "https://shopify.com", icon_name: "ArrowLeftIcon") %>
<%= polaris_button(icon_name: "PlusCircleIcon") { "Add product" } %>

No notes provided.

No params configured.