x
<div class="">
<div class="Polaris-Labelled__LabelWrapper">
<div class="Polaris-Label">
<label class="Polaris-Label__Text" for="quantity">Quantity</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 Polaris-TextField--hasValue">
<input type="number" name="quantity" id="quantity" value="1.34" 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>
</div>
<%= polaris_text_field(
name: :quantity,
value: 1.34,
type: :number,
) %>
No notes provided.
No params configured.