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
<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>
<button type="button" data-controller="polaris-button" class="Polaris-Button Polaris-Button--plain">
  <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
4
5
6
7
8
9
<%= polaris_button do |button| %>
  <% button.with_icon(name: "PlusCircleIcon") %>
  Add product
<% end %>
<%= polaris_button(plain: true) do |button| %>
  <% button.with_icon(name: "PlusCircleIcon") %>
  Add product
<% end %>

No notes provided.

No params configured.