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
<div class="Polaris-LegacyStack Polaris-LegacyStack--vertical">
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodyLg Polaris-Text--regular">
      Shopify POS is the easiest way to sell your products in person.
      Available for iPad, iPhone, and Android.
    </p>
  </div>
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--regular">
      Shopify POS is the easiest way to sell your products in person.
      Available for iPad, iPhone, and Android.
    </p>
  </div>
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular">
      Shopify POS is the easiest way to sell your products in person.
      Available for iPad, iPhone, and Android.
    </p>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<%= polaris_stack(vertical: true) do |stack| %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodyLg, as: :p) do %>
      Shopify POS is the easiest way to sell your products in person.
      Available for iPad, iPhone, and Android.
    <% end %>
  <% end %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodyMd, as: :p) do %>
      Shopify POS is the easiest way to sell your products in person.
      Available for iPad, iPhone, and Android.
    <% end %>
  <% end %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodySm, as: :p) do %>
      Shopify POS is the easiest way to sell your products in person.
      Available for iPad, iPhone, and Android.
    <% end %>
  <% end %>
<% end %>

No notes provided.

No params configured.