x
<div style="height: 200px">
<div class="Polaris-Card">
<div class="Polaris-Card__Section">
<div class="Polaris-Stack Polaris-Stack--vertical">
<div class="Polaris-Stack__Item"> <button data-controller="polaris-button polaris" data-target="#collapsible-block" data-action="polaris#toggleCollapsible" type="button" class="Polaris-Button">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
Toggle
</div>
</span>
</button>
</div>
<div class="Polaris-Stack__Item">
<div id="collapsible-block" 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>
</div>
</div>
<div style="height: 200px">
<%= polaris_card do %>
<%= polaris_stack(vertical: :true) do |stack| %>
<% stack.item do %>
<%= polaris_button(
data: {
controller: "polaris",
target: "#collapsible-block",
action: "polaris#toggleCollapsible"
}
) { "Toggle" } %>
<% end %>
<% stack.item do %>
<%= polaris_collapsible(id: "collapsible-block") 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 %>
<% end %>
<% end %>
</div>
No notes provided.
No params configured.