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
<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"> <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> </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
<%= polaris_card(sectioned: false) do %> <%= polaris_resource_list do %> <%= polaris_resource_item 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> <% end %> <% end %><% end %>
No notes provided.
No params configured.