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
<div class="Polaris-LegacyCard"> <div class="Polaris-LegacyCard__Header"> <h2 class="Polaris-Text--root Polaris-Text--headingMd Polaris-Text--semibold"> Online store dashboard </h2> </div> <div class="Polaris-LegacyCard__Section"> <div class="Polaris-LegacyCard__SectionHeader"> <h3 class="Polaris-Text--root Polaris-Text--headingSm Polaris-Text--semibold"> Reports </h3> </div> <p>View a summary of your online store’s performance.</p> </div> <div class="Polaris-LegacyCard__Section"> <div class="Polaris-LegacyCard__SectionHeader"> <h3 class="Polaris-Text--root Polaris-Text--headingSm Polaris-Text--semibold"> 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.with_section(title: "Reports") do %> <p>View a summary of your online store’s performance.</p> <% end %> <% card.with_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.