x
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text" for="wieght">Wieght</label>
</div>
</div>
<div class="Polaris-Connected">
<div class="Polaris-Connected__Item">
<div class="Polaris-Labelled--hidden">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text" for="weight_unit">Weight unit</label>
</div>
</div>
<div data-controller="polaris-select" data-selected-value="kg" class="Polaris-Select">
<select name="weight_unit" id="weight_unit" class="Polaris-Select__Input" data-polaris-select-target="select" data-action="polaris-select#update"><option selected="selected" value="kg">kd</option>
<option value="lb">lb</option></select>
<div
class="Polaris-Select__Content"
aria-hidden="true"
>
<span
class="Polaris-Select__SelectedOption"
data-polaris-select-target="selectedOption"
>
kd
</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-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 Polaris-TextField--hasValue">
<input type="number" name="wieght" id="wieght" value="10.6" data-polaris-text-field-target="input" data-action="polaris-text-field#syncValue" step="1" min="0" max="1000000" class="Polaris-TextField__Input" />
<div class="Polaris-TextField__Spinner" aria-hidden="true">
<div
role="button"
class="Polaris-TextField__Segment"
tabindex="-1"
data-action="click->polaris-text-field#increase"
>
<div class="Polaris-TextField__SpinnerIcon">
<span class="Polaris-Icon">
<svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
<path d="M15 12l-5-5-5 5h10z"></path>
</svg>
</span> </div>
</div>
<div
role="button"
class="Polaris-TextField__Segment"
tabindex="-1"
data-action="click->polaris-text-field#decrease"
>
<div class="Polaris-TextField__SpinnerIcon">
<span class="Polaris-Icon">
<svg viewBox="0 0 20 20" class="Polaris-Icon__Svg" focusable="false" aria-hidden="true">
<path d="M5 8l5 5 5-5H5z"></path>
</svg>
</span> </div>
</div>
</div>
<div class="Polaris-TextField__Backdrop"></div>
</div>
</div>
<div class="Polaris-Connected__Item">
<button type="button" data-controller="polaris-button" class="Polaris-Button">
<span class="Polaris-Button__Content">
<div class="Polaris-Button__Text">
Submit
</div>
</span>
</button>
</div>
</div>
</div>
<%= polaris_text_field(
name: :wieght,
value: "10.6",
type: :number,
) do |c| %>
<% c.connected_left do %>
<%= polaris_select(
name: :weight_unit,
label: "Weight unit",
label_hidden: true,
options: { "kd" => "kg", "lb" => "lb" },
selected: "kg",
) %>
<% end %>
<% c.connected_right do %>
<%= polaris_button { "Submit" } %>
<% end %>
<% end %>
No notes provided.
No params configured.