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>
<p class="Polaris-OptionList__Title">Inventory Location</p>
<ul class="Polaris-OptionList__Options">
<li tabindex="-1" class="Polaris-OptionList-Option"><label class="Polaris-OptionList-Option__Label">
<div class="Polaris-Stack Polaris-Stack--spacingExtraTight">
<div class="Polaris-Stack__Item"> <span class="Polaris-Icon Polaris-Icon--colorPrimary Polaris-Icon--applyColor">
<svg viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true"><path d="M15 10a1 1 0 0 1-1 1h-3v3a1 1 0 1 1-2 0v-3H6a1 1 0 1 1 0-2h3V6a1 1 0 0 1 2 0v3h3a1 1 0 0 1 1 1zm-5-8a8 8 0 1 0 0 16 8 8 0 0 0 0-16z"></path></svg>
</span>
</div>
<div class="Polaris-Stack__Item"> <span class="Polaris-TextStyle--variationStrong">Add</span>
</div>
</div>
</label></li>
</ul>
</li>
</ul>
</div>
<%= polaris_card(sectioned: false, style: "max-width: 300px") do %>
<%= polaris_option_list(title: "Inventory Location") do |list| %>
<% list.option do %>
<%= polaris_stack(spacing: :extra_tight) do |stack| %>
<% stack.item do %>
<%= polaris_icon(name: "CirclePlusMinor", color: :primary) %>
<% end %>
<% stack.item do %>
<%= polaris_text_strong { "Add" } %>
<% end %>
<% end %>
<% end %>
<% end %>
<% end %>
No notes provided.
No params configured.