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
<div class="">
  <div class="Polaris-Labelled__LabelWrapper">
    <div class="Polaris-Label">
      <label class="Polaris-Label__Text" for="date_range">Date range</label>
    </div>
  </div>
  <div data-controller="polaris-select" data-selected-value="" class="Polaris-Select Polaris-Select--error">
    <select name="date_range" id="date_range" class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update"><option value="today">Today</option>
      <option value="yesterday">Yesterday</option>
      <option value="lastWeek">Last 7 days</option></select>
    <div
      class="Polaris-Select__Content"
      aria-hidden="true"
      
    >
      <span
        class="Polaris-Select__SelectedOption"
        data-polaris-select-target="selectedOption"
      >
      </span>
      <span class="Polaris-Select__Icon">
        <span class="Polaris-Icon">
          <svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
            <path d="M10 16l-4-4h8l-4 4zm0-12l4 4H6l4-4z"></path>
          </svg>
        </span>      </span>
    </div>
    <div class="Polaris-Select__Backdrop"></div>
  </div>
  <div class="Polaris-Labelled__Error">
    <div class="Polaris-InlineError">
      <div class="Polaris-InlineError__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="M10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75Z"></path><path d="M11 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path><path fill-rule="evenodd" d="M11.237 3.177a1.75 1.75 0 0 0-2.474 0l-5.586 5.585a1.75 1.75 0 0 0 0 2.475l5.586 5.586a1.75 1.75 0 0 0 2.474 0l5.586-5.586a1.75 1.75 0 0 0 0-2.475l-5.586-5.585Zm-1.414 1.06a.25.25 0 0 1 .354 0l5.586 5.586a.25.25 0 0 1 0 .354l-5.586 5.585a.25.25 0 0 1-.354 0l-5.586-5.585a.25.25 0 0 1 0-.354l5.586-5.586Z"></path></svg>
        </span>
      </div>
      Inline Error
    </div>
  </div>
</div>
1
2
3
4
5
6
7
8
9
10
<%= polaris_select(
  name: :date_range,
  label: "Date range",
  error: "Inline Error",
  options: {
    "Today" => "today",
    "Yesterday" => "yesterday",
    "Last 7 days" => "lastWeek",
  },
) %>

No notes provided.

No params configured.