Previews

No matching results.

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 class="Polaris-Card">
<div class="Polaris-ResourceList__ResourceListWrapper">
<ul class="Polaris-ResourceList">
<li data-controller="polaris-resource-item" class="Polaris-ResourceItem__ListItem">
<div class="Polaris-ResourceItem__ItemWrapper">
<div data-action="click->polaris-resource-item#open" style="cursor: default;" class="Polaris-ResourceItem">
<div class="Polaris-ResourceItem__Container Polaris-ResourceItem--alignmentCenter">
<div class="Polaris-ResourceItem__Owned">
<div class="Polaris-ResourceItem__Media">
<span aria-label="Yi So-Yeon" role="img" class="Polaris-Avatar Polaris-Avatar--sizeMedium Polaris-Avatar--hasImage">
<img class="Polaris-Avatar__Image" role="presentation" src="https://burst.shopifycdn.com/photos/freelance-designer-working-on-laptop.jpg?width=746" />
</span>
</div>
</div>
<div class="Polaris-ResourceItem__Content">
<h3>
<span class="Polaris-TextStyle--variationStrong">Yi So-Yeon</span>
</h3>
<div>Gwangju, South Korea</div>
<div>Emerald Silk Gown</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<%= polaris_card(sectioned: false) do %>
<%= polaris_resource_list do %>
<%= polaris_resource_item(vertical_alignment: :center) do |resource_item| %>
<% resource_item.media do %>
<%= polaris_avatar(
customer: true,
name: "Yi So-Yeon",
source: "https://burst.shopifycdn.com/photos/freelance-designer-working-on-laptop.jpg?width=746",
) %>
<% end %>
<h3>
<%= polaris_text_style(variation: :strong) { "Yi So-Yeon" } %>
</h3>
<div>Gwangju, South Korea</div>
<div>Emerald Silk Gown</div>
<% end %>
<% end %>
<% end %>