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
31
32
33
34
<div class="Polaris-LegacyStack Polaris-LegacyStack--vertical">
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--subdued Polaris-Text--regular">
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    </p>
  </div>
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--success Polaris-Text--regular">
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    </p>
  </div>
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--warning Polaris-Text--regular">
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    </p>
  </div>
  <div class="Polaris-LegacyStack__Item">    
    <p class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--critical Polaris-Text--regular">
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    </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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<%= polaris_stack(vertical: true) do |stack| %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodyMd, as: :p, color: :subdued) do %>
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    <% end %>
  <% end %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodyMd, as: :p, color: :success) do %>
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    <% end %>
  <% end %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodyMd, as: :p, color: :warning) do %>
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    <% end %>
  <% end %>
  <% stack.with_item do %>
    <%= polaris_text(variant: :bodyMd, as: :p, color: :critical) do %>
      Use to de-emphasize a piece of text that is less important to merchants
      than other nearby text. May also be used to indicate when normal content
      is absent, for example, “No supplier listed”. Don’t use only for
      aesthetic effect.
    <% end %>
  <% end %>
<% end %>

No notes provided.

No params configured.