Polaris ViewComponents

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 11h8V9H6v2zm0 4h8v-2H6v2zm0-8h4V5H6v2zm6-5H5.5A1.5 1.5 0 0 0 4 3.5v13A1.5 1.5 0 0 0 5.5 18h9a1.5 1.5 0 0 0 1.5-1.5V6l-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 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zM9 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0V6zm1 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.768 8.232a2.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.536L11.768.768zM9 6a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0V6zm2 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
<%= polaris_exception_list do |list| %>
  <% list.item(icon: "NoteMinor", title: "Note") do %>
    This customer is awesome. Make sure to treat them right!
  <% end %>
  <% list.item(icon: "CircleAlertMajor", title: "Warning", status: :warning) do %>
    This customer is awesome. Make sure to treat them right!
  <% end %>
  <% list.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.