x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="Polaris-Card"> <div class="Polaris-Card__Header"> <h2 class="Polaris-Heading">Online store dashboard</h2> </div> <div class="Polaris-Card__Section"> <div class="Polaris-Card__SectionHeader"> <h3 class="Polaris-Subheading">Reports</h3> </div> <p>View a summary of your online store’s performance.</p> </div> <div class="Polaris-Card__Section"> <div class="Polaris-Card__SectionHeader"> <h3 class="Polaris-Subheading">Summary</h3> </div> <p> View a summary of your online store’s performance, including sales, visitors, top products, and referrals. </p> </div></div>
1
2
3
4
5
6
7
8
9
10
11
12
<%= polaris_card(title: "Online store dashboard") do |card| %> <% card.section(title: "Reports") do %> <p>View a summary of your online store’s performance.</p> <% end %> <% card.section(title: "Summary") do %> <p> View a summary of your online store’s performance, including sales, visitors, top products, and referrals. </p> <% end %><% end %>
Use when you have two related but distinct pieces of information to communicate to merchants that are complex enough to require a title to introduce them.
No params configured.