x
1
2
3
4
5
6
7
8
9
10
11
<div style="--pc-box-border-color: var(--p-color-border-caution);--pc-box-border-style: solid;--pc-box-border-width: var(--p-border-width-3)" class="Polaris-Box"> <div style="background-color: var(--p-color-text-info);color: #fff;width: auto;height: auto;display: flex;align-items: center;justify-content: center;border-inline-start: none"> <div style="--pc-inline-align: center; --pc-inline-block-align: center; --pc-inline-wrap: wrap; --pc-inline-gap-xs: var(--p-space-4)" class="Polaris-Inline"> <div style="color: #fff;"> <h2 class="Polaris-Text--root Polaris-Text--bodyMd Polaris-Text--regular"> Content inside a box </h2> </div> </div> </div></div>1
2
3
<%= polaris_box(border_color: "border-caution", border_width: "3") do %> <%= polaris_placeholder(label: "Content inside a box") %><% end %>No notes provided.
No params configured.