x
<div class="Polaris-Labelled--hidden">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text" for="sort">Sort by</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="" class="Polaris-Select">
<select name="sort" id="sort" class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update"><option value="newestUpdate">Newest update</option>
<option value="oldestUpdate">Oldest update</option>
<option value="mostSpent">Most spent</option>
<option value="mostOrders">Most orders</option>
<option value="lastNameAlpha">Last name A–Z</option>
<option value="lastNameReverseAlpha">Last name Z–A</option></select>
<div
class="Polaris-Select__Content"
aria-hidden="true"
>
<span class="Polaris-Select__InlineLabel">
Sort by
</span>
<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>
<%= polaris_select(
name: :sort,
label: "Sort by",
label_inline: true,
options: {
"Newest update" => "newestUpdate",
"Oldest update" => "oldestUpdate",
"Most spent" => "mostSpent",
"Most orders" => "mostOrders",
"Last name A–Z" => "lastNameAlpha",
"Last name Z–A" => "lastNameReverseAlpha",
},
) %>
No notes provided.
No params configured.