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
<div style="display:flex"> <span class="Polaris-Badge"> Badge </span> <div class="Polaris-Spacer Polaris-Spacer--horizontalSpacingExtraTight"></div> <span class="Polaris-Badge"> extra_tight (4px) </span> <div class="Polaris-Spacer Polaris-Spacer--horizontalSpacingTight"></div> <span class="Polaris-Badge"> tight (8px) </span> <div class="Polaris-Spacer Polaris-Spacer--horizontalSpacingBaseTight"></div> <span class="Polaris-Badge"> base_tight (12px) </span> <div class="Polaris-Spacer Polaris-Spacer--horizontalSpacingBase"></div> <span class="Polaris-Badge"> base (16px) </span> <div class="Polaris-Spacer Polaris-Spacer--horizontalSpacingLoose"></div> <span class="Polaris-Badge"> loose (20px) </span> <div class="Polaris-Spacer Polaris-Spacer--horizontalSpacingExtraLoose"></div> <span class="Polaris-Badge"> extra_loose (32px) </span></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
<div style="display:flex"> <%= polaris_badge { "Badge" } %> <%= polaris_spacer(horizontal: :extra_tight) %> <%= polaris_badge { "extra_tight (4px)" } %> <%= polaris_spacer(horizontal: :tight) %> <%= polaris_badge { "tight (8px)" } %> <%= polaris_spacer(horizontal: :base_tight) %> <%= polaris_badge { "base_tight (12px)" } %> <%= polaris_spacer(horizontal: :base) %> <%= polaris_badge { "base (16px)" } %> <%= polaris_spacer(horizontal: :loose) %> <%= polaris_badge { "loose (20px)" } %> <%= polaris_spacer(horizontal: :extra_loose) %> <%= polaris_badge { "extra_loose (32px)" } %></div>
No notes provided.
No params configured.