x
<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>
<%= 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.