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-ActionList">
<div class="">
<p class="Polaris-ActionList__Title Polaris-ActionList--firstSectionWithTitle">
File options
</p>
<ul class="Polaris-ActionList__Actions">
<li>
<button type="button" class="Polaris-ActionList__Item Polaris-ActionList--active">
<div class="Polaris-ActionList__Content">
<span class="Polaris-ActionList__Prefix">
<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.707 10.707a.999.999 0 1 0-1.414-1.414L11 10.586V3a1 1 0 1 0-2 0v7.586L7.707 9.293a.999.999 0 1 0-1.414 1.414l3 3a.999.999 0 0 0 1.414 0l3-3zM3 16a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H3z"></path></svg>
</span>
</span>
<span class="Polaris-ActionList__Text">
Import file
</span>
</div>
</button></li>
<li>
<button type="button" class="Polaris-ActionList__Item">
<div class="Polaris-ActionList__Content">
<span class="Polaris-ActionList__Prefix">
<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.707 2.293a.999.999 0 0 0-1.414 0l-3 3a.999.999 0 1 0 1.414 1.414L9 5.414V13a1 1 0 1 0 2 0V5.414l1.293 1.293a.999.999 0 1 0 1.414-1.414l-3-3zM3 16a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H3z"></path></svg>
</span>
</span>
<span class="Polaris-ActionList__Text">
Export file
</span>
</div>
</button></li>
<li>
<button type="button" class="Polaris-ActionList__Item Polaris-ActionList--destructive">
<div class="Polaris-ActionList__Content">
<span class="Polaris-ActionList__Prefix">
<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="M8 3.994C8 2.893 8.895 2 10 2s2 .893 2 1.994h4c.552 0 1 .446 1 .997a1 1 0 0 1-1 .997H4c-.552 0-1-.447-1-.997s.448-.997 1-.997h4zM5 14.508V8h2v6.508a.5.5 0 0 0 .5.498H9V8h2v7.006h1.5a.5.5 0 0 0 .5-.498V8h2v6.508A2.496 2.496 0 0 1 12.5 17h-5C6.12 17 5 15.884 5 14.508z"></path></svg>
</span>
</span>
<span class="Polaris-ActionList__Text">
Delete file
</span>
</div>
</button></li>
</ul>
</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) do |popover| %>
<% popover.button(disclosure: true) { "More actions" } %>
<%= polaris_action_list do |action_list| %>
<% action_list.section(title: "File options") do |section| %>
<% section.item(icon: "ImportMinor", active: true) { "Import file" } %>
<% section.item(icon: "ExportMinor") { "Export file" } %>
<% section.item(icon: "DeleteMinor", destructive: true) { "Delete file" } %>
<% end %>
<% end %>
<% end %>
No notes provided.
No params configured.