Previews

No matching results.

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div class="Polaris-LegacyCard Polaris-LegacyCard--withoutTitle">
<div class="Polaris-LegacyCard__Section">
<div>
<button aria-expanded="false" aria-controls="polaris-collapsible-51e28459" data-controller="polaris-button polaris" data-target="#polaris-collapsible-51e28459" data-action="polaris#toggleCollapsible" type="button" class="Polaris-Collapsible__Trigger Polaris-Button Polaris-Button--plain">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
Advanced
</div>
<div class="Polaris-Button__Icon">
<span class="Polaris-Icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M6.24 8.2a.75.75 0 0 1 1.06.04l2.7 2.908 2.7-2.908a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 0 1 .04-1.06Z"></path></svg>
</span>
</div>
</span>
</button>
<div id="polaris-collapsible-51e28459" data-controller="polaris-collapsible" style="max-height: 0px; overflow: hidden;" class="Polaris-Collapsible Polaris-Collapsible--isFullyClosed">
<div class="Polaris-TextContainer">
<p>
Your mailing list lets you contact customers or visitors who
have shown an interest in your store. Reach out to them with
exclusive offers or updates about your products.
</p>
<a href="#" data-polaris-unstyled="true" class="Polaris-Link">Test link</a>
</div>
</div>
</div>
</div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
<%= polaris_card do %>
<%= polaris_collapsible(title: "Advanced") do %>
<%= polaris_text_container do %>
<p>
Your mailing list lets you contact customers or visitors who
have shown an interest in your store. Reach out to them with
exclusive offers or updates about your products.
</p>
<%= polaris_link(url: "#") { "Test link" } %>
<% end %>
<% end %>
<% end %>