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
23
24
25
26
27
28
29
30
<div style="--pc-horizontal-stack-align: ;--pc-horizontal-stack-wrap: wrap;--pc-horizontal-stack-gap-xs: var(--p-space-4)" class="Polaris-HorizontalStack">
  <button type="button" disabled="disabled" data-controller="polaris-button" class="Polaris-Button Polaris-Button--disabled">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Buy shipping label
      </div>
    </span>
  </button>
  <button type="button" disabled="disabled" data-controller="polaris-button" class="Polaris-Button Polaris-Button--disabled Polaris-Button--primary">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Buy shipping label
      </div>
    </span>
  </button>
  <button type="button" disabled="disabled" data-controller="polaris-button" class="Polaris-Button Polaris-Button--disabled Polaris-Button--monochrome Polaris-Button--plain Polaris-Button--removeUnderline">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text Polaris-Button--removeUnderline">
        Buy shipping label
      </div>
    </span>
  </button>
  <button type="button" disabled="disabled" data-controller="polaris-button" class="Polaris-Button Polaris-Button--disabled">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Buy shipping label
      </div>
    </span>
  </button>
</div>
1
2
3
4
5
6
<%= polaris_horizontal_stack(gap: "4") do %>
  <%= polaris_button(disabled: true) { "Buy shipping label" } %>
  <%= polaris_button(primary: true, disabled: true) { "Buy shipping label" } %>
  <%= polaris_button(plain: true, monochrome: true, remove_underline: true, disabled: true) { "Buy shipping label" } %>
  <%= polaris_button(disabled: true) { "Buy shipping label" } %>
<% end %>

No notes provided.

No params configured.