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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<div class="Polaris-TextContainer">
  <button type="button" data-controller="paper-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 8h-6.196c-.751 0-1.172.754-.708 1.268l3.098 3.432c.36.399 1.055.399 1.416 0l3.098-3.433c.464-.513.043-1.267-.708-1.267Z"></path></svg>
        </span>
      </div>
    </span>
  </button>
  <button type="button" data-controller="paper-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 8h-6.196c-.751 0-1.172.754-.708 1.268l3.098 3.432c.36.399 1.055.399 1.416 0l3.098-3.433c.464-.513.043-1.267-.708-1.267Z"></path></svg>
        </span>
      </div>
    </span>
  </button>
  <button type="button" data-controller="paper-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.268l-3.098-3.432c-.36-.399-1.055-.399-1.416 0l-3.098 3.433c-.464.513-.043 1.267.708 1.267Z"></path></svg>
        </span>
      </div>
    </span>
  </button>
  <button type="button" data-controller="paper-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.014l-2.323-2.746a.708.708 0 0 0-1.062 0l-2.324 2.746c-.347.411-.032 1.014.531 1.014Zm4.648 2h-4.648c-.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>
  <button type="button" data-controller="paper-button" class="Polaris-Button Polaris-Button--plain">
    <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 8h-6.196c-.751 0-1.172.754-.708 1.268l3.098 3.432c.36.399 1.055.399 1.416 0l3.098-3.433c.464-.513.043-1.267-.708-1.267Z"></path></svg>
        </span>
      </div>
    </span>
  </button>
</div>
1
2
3
4
5
6
7
<%= paper_text_container do %>
  <%= paper_button(disclosure: true) { "Show more" } %>
  <%= paper_button(disclosure: :down) { "Show more" } %>
  <%= paper_button(disclosure: :up) { "Show more" } %>
  <%= paper_button(disclosure: :select) { "Show more" } %>
  <%= paper_button(disclosure: true, plain: true) { "Show more" } %>
<% end %>

No notes provided.

No params configured.