x
<div class="Polaris-Card">
<div class="Polaris-Card__Section Polaris-Card__Section--flush">
<img alt="turtle illustration centered with body text and a button" src="https://polaris.shopify.com/bundles/bc7087219578918d62ac40bf4b4f99ce.png" />
</div>
<div class="Polaris-Card__Section Polaris-Card__Section--subdued">
<div class="Polaris-TextContainer">
You can use sales reports to see information about your customers’ orders
based on criteria such as sales over time, by channel, or by staff.
</div>
</div>
</div>
<%= polaris_card do |card| %>
<% card.section(flush: true) do %>
<%= image_tag "https://polaris.shopify.com/bundles/bc7087219578918d62ac40bf4b4f99ce.png",
alt: "turtle illustration centered with body text and a button" %>
<% end %>
<% card.section(subdued: true) do %>
<%= polaris_text_container do %>
You can use sales reports to see information about your customers’ orders
based on criteria such as sales over time, by channel, or by staff.
<% end %>
<% end %>
<% end %>

Use when you need further control over the spacing of your card sections.

No params configured.