x
<div class="Polaris-Card">
<div class="Polaris-Card__Header">
<div class="Polaris-Stack Polaris-Stack--alignmentTrailing">
<div class="Polaris-Stack__Item Polaris-Stack__Item--fill">
<h2 class="Polaris-Heading">Online store dashboard</h2>
</div>
<div class="Polaris-Stack__Item">
<div class="Polaris-ButtonGroup">
<div class="Polaris-ButtonGroup__Item Polaris-ButtonGroup__Item--plain"><a content="Add variant" href="https://bao.agency" data-controller="polaris-button" class="Polaris-Button Polaris-Button--plain">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
Add variant
</div>
</span>
</a></div>
</div>
</div>
<div class="Polaris-Stack__Item">
</div>
</div>
</div>
<div class="Polaris-Card__Section">
<p>View a summary of your online store’s performance.</p>
</div>
</div>
<%= polaris_card(
title: "Online store dashboard",
actions: [{ content: "Add variant", url: "https://bao.agency" }]
) do %>
<p>View a summary of your online store’s performance.</p>
<% end %>

Use for less important card actions, or actions merchants may do before reviewing the contents of the card. For example, merchants may want to add items to a card containing a long list, or enter a customer’s new address.

No params configured.