Polaris ViewComponents

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="Polaris-LegacyCard Polaris-LegacyCard--subdued">
  <div class="Polaris-LegacyCard__Header">
    <h2 class="Polaris-Text--root Polaris-Text--headingMd Polaris-Text--semibold">
      Staff accounts
    </h2>
  </div>
  <div class="Polaris-LegacyCard__Section">
    <ul>
      <li>Felix Crafford</li>
      <li>Ezequiel Manno</li>
    </ul>
  </div>
</div>
1
2
3
4
5
6
<%= polaris_card(title: "Staff accounts", subdued: true) do %>
  <ul>
    <li>Felix Crafford</li>
    <li>Ezequiel Manno</li>
  </ul>
<% end %>

Use for content that you want to deprioritize. Subdued cards don’t stand out as much as cards with white backgrounds so don’t use them for information or actions that are critical to merchants.

No params configured.