Previews

No matching results.

x
1
2
3
4
5
6
7
8
<div style="--pc-horizontal-stack-align: ;--pc-horizontal-stack-wrap: nowrap" class="Polaris-HorizontalStack">
<div style="background-color: var(--p-color-text-info);color: #fff;width: 106px;height: 36px;display: flex;align-items: center;justify-content: center;border-inline-start: none"></div>
<div style="background-color: var(--p-color-text-info);color: #fff;width: 106px;height: 20px;display: flex;align-items: center;justify-content: center;border-inline-start: 1px dashed var(--p-color-bg-success-subdued)"></div>
<div style="background-color: var(--p-color-text-info);color: #fff;width: 106px;height: 20px;display: flex;align-items: center;justify-content: center;border-inline-start: 1px dashed var(--p-color-bg-success-subdued)"></div>
<div style="background-color: var(--p-color-text-info);color: #fff;width: 106px;height: 20px;display: flex;align-items: center;justify-content: center;border-inline-start: 1px dashed var(--p-color-bg-success-subdued)"></div>
<div style="background-color: var(--p-color-text-info);color: #fff;width: 106px;height: 20px;display: flex;align-items: center;justify-content: center;border-inline-start: 1px dashed var(--p-color-bg-success-subdued)"></div>
<div style="background-color: var(--p-color-text-info);color: #fff;width: 106px;height: 20px;display: flex;align-items: center;justify-content: center;border-inline-start: 1px dashed var(--p-color-bg-success-subdued)"></div>
</div>
1
2
3
4
5
6
7
8
<%= polaris_horizontal_stack(wrap: false) do %>
<%= polaris_placeholder(width: "106px", height: "36px") %>
<%= polaris_placeholder(width: "106px", height: "20px", show_border: true) %>
<%= polaris_placeholder(width: "106px", height: "20px", show_border: true) %>
<%= polaris_placeholder(width: "106px", height: "20px", show_border: true) %>
<%= polaris_placeholder(width: "106px", height: "20px", show_border: true) %>
<%= polaris_placeholder(width: "106px", height: "20px", show_border: true) %>
<% end %>