x
<div style="max-width: 300px" class="Polaris-Card">
<ul data-controller="polaris-option-list" data-polaris-option-list-selected-class="Polaris-OptionList-Option--select" class="Polaris-OptionList">
<li>
<ul class="Polaris-OptionList__Options">
<li tabindex="-1" class="Polaris-OptionList-Option">
<label class="Polaris-OptionList-Option__Label">
<div class="Polaris-OptionList-Option__Checkbox">
<div class="Polaris-OptionList-Checkbox">
<input type="checkbox" name="sale[]" id="sale_" value="type" aria-checked="false" class="Polaris-OptionList-Checkbox__Input" />
<div class="Polaris-OptionList-Checkbox__Backdrop"></div>
<div class="Polaris-OptionList-Checkbox__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.293 14.707-3-3a.999.999 0 1 1 1.414-1.414l2.236 2.236 6.298-7.18a.999.999 0 1 1 1.518 1.3l-7 8a1 1 0 0 1-.72.35 1.017 1.017 0 0 1-.746-.292z"></path></svg>
</span>
</div>
</div>
</div>
Sale item type
</label>
</li>
<li tabindex="-1" class="Polaris-OptionList-Option">
<label class="Polaris-OptionList-Option__Label">
<div class="Polaris-OptionList-Option__Checkbox">
<div class="Polaris-OptionList-Checkbox">
<input type="checkbox" name="sale[]" id="sale_" value="kind" aria-checked="false" class="Polaris-OptionList-Checkbox__Input" />
<div class="Polaris-OptionList-Checkbox__Backdrop"></div>
<div class="Polaris-OptionList-Checkbox__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.293 14.707-3-3a.999.999 0 1 1 1.414-1.414l2.236 2.236 6.298-7.18a.999.999 0 1 1 1.518 1.3l-7 8a1 1 0 0 1-.72.35 1.017 1.017 0 0 1-.746-.292z"></path></svg>
</span>
</div>
</div>
</div>
Sale kind
</label>
</li>
</ul>
</li>
<li>
<p class="Polaris-OptionList__Title">Traffic</p>
<ul class="Polaris-OptionList__Options">
<li tabindex="-1" class="Polaris-OptionList-Option">
<label class="Polaris-OptionList-Option__Label">
<div class="Polaris-OptionList-Option__Checkbox">
<div class="Polaris-OptionList-Checkbox">
<input type="checkbox" name="traffic[]" id="traffic_" value="source" aria-checked="false" class="Polaris-OptionList-Checkbox__Input" />
<div class="Polaris-OptionList-Checkbox__Backdrop"></div>
<div class="Polaris-OptionList-Checkbox__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.293 14.707-3-3a.999.999 0 1 1 1.414-1.414l2.236 2.236 6.298-7.18a.999.999 0 1 1 1.518 1.3l-7 8a1 1 0 0 1-.72.35 1.017 1.017 0 0 1-.746-.292z"></path></svg>
</span>
</div>
</div>
</div>
Traffic referrer source
</label>
</li>
<li tabindex="-1" class="Polaris-OptionList-Option">
<label class="Polaris-OptionList-Option__Label">
<div class="Polaris-OptionList-Option__Checkbox">
<div class="Polaris-OptionList-Checkbox">
<input type="checkbox" name="traffic[]" id="traffic_" value="host" aria-checked="false" class="Polaris-OptionList-Checkbox__Input" />
<div class="Polaris-OptionList-Checkbox__Backdrop"></div>
<div class="Polaris-OptionList-Checkbox__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.293 14.707-3-3a.999.999 0 1 1 1.414-1.414l2.236 2.236 6.298-7.18a.999.999 0 1 1 1.518 1.3l-7 8a1 1 0 0 1-.72.35 1.017 1.017 0 0 1-.746-.292z"></path></svg>
</span>
</div>
</div>
</div>
Traffic referrer host
</label>
</li>
<li tabindex="-1" class="Polaris-OptionList-Option">
<label class="Polaris-OptionList-Option__Label">
<div class="Polaris-OptionList-Option__Checkbox">
<div class="Polaris-OptionList-Checkbox">
<input type="checkbox" name="traffic[]" id="traffic_" value="path" aria-checked="false" class="Polaris-OptionList-Checkbox__Input" />
<div class="Polaris-OptionList-Checkbox__Backdrop"></div>
<div class="Polaris-OptionList-Checkbox__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.293 14.707-3-3a.999.999 0 1 1 1.414-1.414l2.236 2.236 6.298-7.18a.999.999 0 1 1 1.518 1.3l-7 8a1 1 0 0 1-.72.35 1.017 1.017 0 0 1-.746-.292z"></path></svg>
</span>
</div>
</div>
</div>
Traffic referrer path
</label>
</li>
</ul>
</li>
</ul>
</div>
<%= polaris_card(sectioned: false, style: "max-width: 300px") do %>
<%= polaris_option_list do |list| %>
<% list.section(name: :sale) do |section| %>
<% section.checkbox(label: "Sale item type", value: "type") %>
<% section.checkbox(label: "Sale kind", value: "kind") %>
<% end %>
<% list.section(title: "Traffic", name: :traffic) do |section| %>
<% section.checkbox(label: "Traffic referrer source", value: "source") %>
<% section.checkbox(label: "Traffic referrer host", value: "host") %>
<% section.checkbox(label: "Traffic referrer path", value: "path") %>
<% end %>
<% end %>
<% end %>
No notes provided.
No params configured.