Polaris ViewComponents

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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="z7LU56pR98U22Ow_a81pGPswCYo4NWzFe2UCG1aNEjHT7kWV4I3uXVV7tsJVgrWYRt1I-ZLUKdSs69ykAoufEQ" autocomplete="off" /></form>
1
2
3
4
5
6
7
<%= 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 %>

No notes provided.

No params configured.