x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="Polaris-LegacyStack Polaris-LegacyStack--distributionFillEvenly"> <div class="Polaris-LegacyStack__Item"> <h2 class="Polaris-Text--root Polaris-Text--headingMd Polaris-Text--semibold"> Order #1136 </h2> </div> <div class="Polaris-LegacyStack__Item"> <span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> Paid </span></span> </div> <div class="Polaris-LegacyStack__Item"> <span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> Fulfilled </span></span> </div></div>
1
2
3
4
5
6
7
8
9
10
11
<%= polaris_stack(distribution: :fill_evenly) do |stack| %> <% stack.with_item do %> <%= polaris_heading { "Order #1136" } %> <% end %> <% stack.with_item do %> <%= polaris_badge { "Paid" } %> <% end %> <% stack.with_item do %> <%= polaris_badge { "Fulfilled" } %> <% end %><% end %>
No notes provided.
No params configured.