x
<div class="Polaris-Page">
<div class="Polaris-Page-Header Polaris-Page-Header--mobileView Polaris-Page-Header--mediumTitle Polaris-Page-Header--noBreadcrumbs">
<div class="Polaris-Page-Header__Row">
<div class="Polaris-Page-Header__TitleWrapper">
<div class="">
<div class="Polaris-Header-Title__TitleAndSubtitleWrapper">
<h1 class="Polaris-Header-Title">Page Title</h1>
</div>
</div>
</div>
<div class="Polaris-Page-Header__RightAlign">
<div class="Polaris-Page-Header__Actions">
<div class="Polaris-Page-Header__PrimaryActionWrapper">
<button type="button" data-controller="polaris-button" class="Polaris-Button">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
Save
</div>
<div class="Polaris-Button__Icon">
<span class="Polaris-Icon">
<svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M13.098 8H6.902c-.751 0-1.172.754-.708 1.268L9.292 12.7c.36.399 1.055.399 1.416 0l3.098-3.433C14.27 8.754 13.849 8 13.098 8z"></path></svg>
</span>
</div>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="Polaris-Page__Content">
<div class="Polaris-Card">
<div class="Polaris-Card__Header">
<h2 class="Polaris-Heading">Credit card</h2>
</div>
<div class="Polaris-Card__Section">
<p>Credit card information</p>
</div>
</div>
</div>
</div>
<%= polaris_page(title: "Page Title") do |page| %>
<% page.custom_primary_action do %>
<%= polaris_button(disclosure: true) { "Save" } %>
<% end %>
<%= polaris_card(title: "Credit card") do %>
<p>Credit card information</p>
<% end %>
<% end %>
No notes provided.
No params configured.