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
<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--disabled">
<select name="date_range" id="date_range" class="Polaris-Select__Input" disabled="disabled" 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"
aria-disabled="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>
<br>
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text" for="date_range">Disabled options</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="" class="Polaris-Select">
<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 disabled="disabled" value="yesterday">Yesterday</option>
<option disabled="disabled" 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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<%= polaris_select(
name: :date_range,
label: "Date range",
disabled: true,
options: {
"Today" => "today",
"Yesterday" => "yesterday",
"Last 7 days" => "lastWeek",
},
) %>
<br>
<%= polaris_select(
name: :date_range,
label: "Disabled options",
options: {
"Today" => "today",
"Yesterday" => "yesterday",
"Last 7 days" => "lastWeek",
},
disabled_options: ["yesterday", "lastWeek"],
) %>