x
<div data-controller="polaris-popover" data-polaris-popover-active-value="true" data-polaris-popover-placement-value="auto" data-polaris-popover-open-class="Polaris-Popover__PopoverOverlay--open" data-polaris-popover-closed-class="Polaris-Popover__PopoverOverlay--closed" style="display: inline-block;">
<div data-polaris-popover-target="activator">
<button data-action="polaris-popover#toggle [email protected]>polaris-popover#hide" data-controller="polaris-button" type="button" class="Polaris-Button">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
More actions
</div>
<div class="Polaris-Button__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="M13.098 8H6.902c-.751 0-1.172.754-.708 1.268L9.292 12.7c.36.399 1.055.399 1.416 0l3.098-3.433C14.27 8.754 13.849 8 13.098 8z"></path></svg>
</span>
</div>
</span>
</button>
</div>
<div data-polaris-popover-target="popover" class="Polaris-PositionedOverlay Polaris-Popover__PopoverOverlay Polaris-Popover__PopoverOverlay--closed">
<div class="Polaris-Popover">
<div class="Polaris-Popover__FocusTracker" tabindex="0"></div>
<div style="">
<div class="Polaris-Popover__Wrapper">
<div tabindex="-1" class="Polaris-Popover__Content">
<div data-polaris-scrollable-shadow-value="true" data-polaris-scrollable-top-shadow-class="Polaris-Scrollable--hasTopShadow" data-polaris-scrollable-bottom-shadow-class="Polaris-Scrollable--hasBottomShadow" data-controller="polaris-scrollable" style="" class="Polaris-Popover__Pane Polaris-Scrollable Polaris-Scrollable--vertical">
<span data-polaris-scrollable-target="topEdge"></span>
<div class="Polaris-Popover__Section">
<div class="Polaris-FormLayout">
<div class="Polaris-FormLayout__Item">
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text">Show all customers where:</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="" class="Polaris-Select">
<select id="" class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update"><option value="tagged_with">Tagged with</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>
</div>
<div class="Polaris-FormLayout__Item">
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text">Tags</label>
</div>
</div>
<div class="Polaris-Connected">
<div class="Polaris-Connected__Item Polaris-Connected__Item--primary">
<div data-polaris-text-field-has-value-class="Polaris-TextField--hasValue" data-polaris-text-field-clear-button-hidden-class="Polaris-TextField__Hidden" data-controller="polaris-text-field" class="Polaris-TextField">
<input type="text" id="" data-polaris-text-field-target="input" data-action="polaris-text-field#syncValue" class="Polaris-TextField__Input" />
<div class="Polaris-TextField__Backdrop"></div>
</div>
</div>
</div>
</div>
</div>
<div class="Polaris-FormLayout__Item"> <button type="button" data-controller="polaris-button" class="Polaris-Button Polaris-Button--sizeSlim">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
Add filter
</div>
</span>
</button>
</div>
</div>
</div>
<span data-polaris-scrollable-target="bottomEdge"></span>
</div>
</div>
</div>
</div>
<div class="Polaris-Popover__FocusTracker" tabindex="0"></div>
</div>
</div>
</div>
<%= polaris_popover(active: true, sectioned: true) do |popover| %>
<% popover.button(disclosure: true) { "More actions" } %>
<%= polaris_form_layout do |form_layout| %>
<% form_layout.item do %>
<%= polaris_select(
label: "Show all customers where:",
options: {
"Tagged with" => "tagged_with",
},
) %>
<% end %>
<% form_layout.item do %>
<%= polaris_text_field(label: "Tags") %>
<% end %>
<% form_layout.item do %>
<%= polaris_button(size: :slim) { "Add filter" } %>
<% end %>
<% end %>
<% end %>
No notes provided.
No params configured.