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
42
43
44
45
46
47
48
49
50
<div class="Polaris-TextContainer">
  <button type="button" data-controller="polaris-button" class="Polaris-Button">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Show more
      </div>
      <div class="Polaris-Button__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 d="M13.098 8H6.902c-.751 0-1.172.754-.708 1.268L9.292 12.7c.36.399 1.055.399 1.416 0l3.098-3.433C14.27 8.754 13.849 8 13.098 8z"></path></svg>
        </span>
      </div>
    </span>
  </button>
  <button type="button" data-controller="polaris-button" class="Polaris-Button">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Show more
      </div>
      <div class="Polaris-Button__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 d="M13.098 8H6.902c-.751 0-1.172.754-.708 1.268L9.292 12.7c.36.399 1.055.399 1.416 0l3.098-3.433C14.27 8.754 13.849 8 13.098 8z"></path></svg>
        </span>
      </div>
    </span>
  </button>
  <button type="button" data-controller="polaris-button" class="Polaris-Button">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Show more
      </div>
      <div class="Polaris-Button__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 d="M6.902 12h6.196c.751 0 1.172-.754.708-1.268L10.708 7.3c-.36-.399-1.055-.399-1.416 0l-3.098 3.433C5.73 11.246 6.151 12 6.902 12z"></path></svg>
        </span>
      </div>
    </span>
  </button>
  <button type="button" data-controller="polaris-button" class="Polaris-Button">
    <span class="Polaris-Button__Content">
      <div class="Polaris-Button__Text">
        Show more
      </div>
      <div class="Polaris-Button__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 d="M7.676 9h4.648c.563 0 .879-.603.53-1.014L10.531 5.24a.708.708 0 0 0-1.062 0L7.145 7.986C6.798 8.397 7.113 9 7.676 9zm4.648 2H7.676c-.563 0-.878.603-.53 1.014l2.323 2.746c.27.32.792.32 1.062 0l2.323-2.746c.349-.411.033-1.014-.53-1.014z"></path></svg>
        </span>
      </div>
    </span>
  </button>
</div>
1
2
3
4
5
6
<%= polaris_text_container do %>
  <%= polaris_button(disclosure: true) { "Show more" } %>
  <%= polaris_button(disclosure: :down) { "Show more" } %>
  <%= polaris_button(disclosure: :up) { "Show more" } %>
  <%= polaris_button(disclosure: :select) { "Show more" } %>
<% end %>

No notes provided.

No params configured.