x
<form action="/products" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TwJSKQbyax2famZQYyZAEa8j2_iDMubZ7m3DTCYsTtryN2Gys5ysP9-CdwBnqD0AXM16CB7yxpAM2eftbGV09A" autocomplete="off" />
<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" for="product_status">Status</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="" class="Polaris-Select">
<select class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update" name="product[status]" id="product_status"><option value="active">Active</option>
<option value="draft">Draft</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" for="product_status">Status</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="draft" class="Polaris-Select">
<select class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update" name="product[status]" id="product_status"><option value="active">Active</option>
<option selected="selected" value="draft">Draft</option></select>
<div
class="Polaris-Select__Content"
aria-hidden="true"
>
<span
class="Polaris-Select__SelectedOption"
data-polaris-select-target="selectedOption"
>
Draft
</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" for="product_status">Status</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="" class="Polaris-Select">
<select class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update" name="product[status]" id="product_status"><option value="">Choose status</option>
<option value="active">Active</option>
<option value="draft">Draft</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" for="product_status">Status</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="" class="Polaris-Select">
<select class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update" name="product[status]" id="product_status"><option value="" label=" "></option>
<option value="active">Active</option>
<option value="draft">Draft</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>
</form>
<%= form_with(model: product, builder: Polaris::FormBuilder) do |form| %>
<%= polaris_form_layout do |form_layout| %>
<% form_layout.item do %>
<%= form.polaris_select(:status,
options: { "Active" => "active", "Draft" => "draft" },
) %>
<% end %>
<% form_layout.item do %>
<%= form.polaris_select(:status,
options: { "Active" => "active", "Draft" => "draft" },
selected: "draft",
) %>
<% end %>
<% form_layout.item do %>
<%= form.polaris_select(:status,
options: { "Active" => "active", "Draft" => "draft" },
select_options: { prompt: "Choose status" },
) %>
<% end %>
<% form_layout.item do %>
<%= form.polaris_select(:status,
options: { "Active" => "active", "Draft" => "draft" },
select_options: { include_blank: true },
) %>
<% end %>
<% end %>
<% end %>
No notes provided.
No params configured.