x
<div class="Polaris-Card">
<div class="Polaris-Card__Header">
<h2 class="Polaris-Heading">Customer</h2>
</div>
<div class="Polaris-Card__Section">
<p>John Smith</p>
</div>
<div class="Polaris-Card__Section">
<div class="Polaris-Card__SectionHeader">
<h3 class="Polaris-Subheading">Addresses</h3>
</div>
<div class="Polaris-Card__Subsection"> 123 First St
<br />
Somewhere
<br />
The Universe
</div>
<div class="Polaris-Card__Subsection"> 123 Second St
<br />
Somewhere
<br />
The Universe
</div>
</div>
<div class="Polaris-Card__Section">
<div class="Polaris-Card__Subsection"> A single subsection without a sibling has no visual appearance
</div>
</div>
</div>
<%= polaris_card(title: "Customer") do |card| %>
<% card.section do %>
<p>John Smith</p>
<% end %>
<% card.section(title: "Addresses") do |section| %>
<% section.subsection do %>
123 First St
<br />
Somewhere
<br />
The Universe
<% end %>
<% section.subsection do %>
123 Second St
<br />
Somewhere
<br />
The Universe
<% end %>
<% end %>
<% card.section do |section| %>
<% section.subsection do %>
A single subsection without a sibling has no visual appearance
<% end %>
<% end %>
<% end %>

Use when your card sections need further categorization.

No params configured.