Polaris ViewComponents

Previews

No matching results.

Pages

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
23
24
25
26
<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>
<form class="button_to" method="post" action="/products"><button type="submit" 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="M3.5 10a.75.75 0 0 1 .75-.75h9.69l-2.72-2.72a.75.75 0 1 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06l2.72-2.72h-9.69a.75.75 0 0 1-.75-.75Z"></path></svg>
        </span>
      </div>
    </span>
  </button><input type="hidden" name="authenticity_token" value="7gxUHaJHJZFhT81-Y5wzy2wzi7y6Xp2dpdGThzuNCl75ne1Z7wJsaruqYyjb7F7BfrMeagJ_X1jKH4Ect6JbtQ" autocomplete="off" /></form>
<button type="button" 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 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>
  </span>
</button>
1
2
3
4
5
6
7
8
9
<%= polaris_button(url: "https://shopify.com") do |button| %>
  <% button.with_icon(name: "ArrowLeftIcon") %>
<% end %>
<%= polaris_button_to(Product.new) do |button| %>
  <% button.with_icon(name: "ArrowRightIcon") %>
<% end %>
<%= polaris_button(icon_name: "PlusCircleIcon") %>

No notes provided.

No params configured.