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
<span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> Badge </span></span><div class="Polaris-Spacer Polaris-Spacer--verticalSpacingExtraTight"></div><span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> extra_tight (4px) </span></span><div class="Polaris-Spacer Polaris-Spacer--verticalSpacingTight"></div><span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> tight (8px) </span></span><div class="Polaris-Spacer Polaris-Spacer--verticalSpacingBaseTight"></div><span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> base_tight (12px) </span></span><div class="Polaris-Spacer Polaris-Spacer--verticalSpacingBase"></div><span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> base (16px) </span></span><div class="Polaris-Spacer Polaris-Spacer--verticalSpacingLoose"></div><span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> loose (20px) </span></span><div class="Polaris-Spacer Polaris-Spacer--verticalSpacingExtraLoose"></div><span class="Polaris-Badge"> <span class="Polaris-Text--root Polaris-Text--bodySm Polaris-Text--regular"> extra_loose (32px) </span></span>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
<%= polaris_badge { "Badge" } %><%= polaris_spacer(vertical: :extra_tight) %><%= polaris_badge { "extra_tight (4px)" } %><%= polaris_spacer(vertical: :tight) %><%= polaris_badge { "tight (8px)" } %><%= polaris_spacer(vertical: :base_tight) %><%= polaris_badge { "base_tight (12px)" } %><%= polaris_spacer(vertical: :base) %><%= polaris_badge { "base (16px)" } %><%= polaris_spacer(vertical: :loose) %><%= polaris_badge { "loose (20px)" } %><%= polaris_spacer(vertical: :extra_loose) %><%= polaris_badge { "extra_loose (32px)" } %>No notes provided.
No params configured.