Paper Components

Previews

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
29
30
31
32
33
34
35
36
37
38
39
40
41
<ul class="Polaris-ExceptionList">
  <li class="Polaris-ExceptionList__Item">
    <span class="Polaris-ExceptionList__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 fill-rule="evenodd" d="M6 11h8v-2h-8v2zm0 4h8v-2h-8v2zm0-8h4v-2h-4v2zm6-5h-6.5a1.5 1.5 0 0 0-1.5 1.5v13a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5v-10.5l-4-4z"></path></svg>
      </span>
    </span>
    <span class="Polaris-ExceptionList__Title">
      Note
    </span>
    <span class="Polaris-ExceptionList__Description">
      This customer is awesome. Make sure to treat them right!
    </span>
  </li>
  <li class="Polaris-ExceptionList__Item Polaris-ExceptionList--statusWarning">
    <span class="Polaris-ExceptionList__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 fill-rule="evenodd" d="M10 0c-5.514 0-10 4.486-10 10s4.486 10 10 10 10-4.486 10-10-4.486-10-10-10zm-1 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4zm1 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path></svg>
      </span>
    </span>
    <span class="Polaris-ExceptionList__Title">
      Warning
    </span>
    <span class="Polaris-ExceptionList__Description">
      This customer is awesome. Make sure to treat them right!
    </span>
  </li>
  <li class="Polaris-ExceptionList__Item Polaris-ExceptionList--statusCritical">
    <span class="Polaris-ExceptionList__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 d="M11.768.768a2.5 2.5 0 0 0-3.536 0l-7.464 7.464a2.5 2.5 0 0 0 0 3.536l7.464 7.464a2.5 2.5 0 0 0 3.536 0l7.464-7.464a2.5 2.5 0 0 0 0-3.536l-7.464-7.464zm-2.768 5.232a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0v-4zm2 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path></svg>
      </span>
    </span>
    <span class="Polaris-ExceptionList__Title">
      Critical
    </span>
    <span class="Polaris-ExceptionList__Description">
      This customer is awesome. Make sure to treat them right!
    </span>
  </li>
</ul>
1
2
3
4
5
6
7
8
9
10
11
12
13
<%= paper_exception_list do |list| %>
  <% list.with_item(icon: "NoteMinor", title: "Note") do %>
    This customer is awesome. Make sure to treat them right!
  <% end %>
  <% list.with_item(icon: "CircleAlertMajor", title: "Warning", status: :warning) do %>
    This customer is awesome. Make sure to treat them right!
  <% end %>
  <% list.with_item(icon: "DiamondAlertMajor", title: "Critical", status: :critical) do %>
    This customer is awesome. Make sure to treat them right!
  <% end %>
<% end %>

No notes provided.

No params configured.