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
<div data-buttongroup-segmented="true" class="Polaris-ButtonGroup Polaris-ButtonGroup--segmented">
  <div class="Polaris-ButtonGroup__Item"><button type="button" data-controller="polaris-button" class="Polaris-Button">
      <span class="Polaris-Button__Content">
        <div class="Polaris-Button__Text">
          Bold
        </div>
      </span>
    </button></div>
  <div class="Polaris-ButtonGroup__Item"><button type="button" data-controller="polaris-button" class="Polaris-Button">
      <span class="Polaris-Button__Content">
        <div class="Polaris-Button__Text">
          Italic
        </div>
      </span>
    </button></div>
  <div class="Polaris-ButtonGroup__Item"><button type="button" data-controller="polaris-button" class="Polaris-Button">
      <span class="Polaris-Button__Content">
        <div class="Polaris-Button__Text">
          Underline
        </div>
      </span>
    </button></div>
</div>
1
2
3
4
5
<%= polaris_button_group(segmented: true) do |group| %>
  <%= group.with_button(outline: true) { "Bold" } %>
  <%= group.with_button(outline: true) { "Italic" } %>
  <%= group.with_button(outline: true) { "Underline" } %>
<% end %>

No notes provided.

No params configured.