FormBrowse form components
Number input
Increment/decrement stepper with editable center field.
Live preview
Usage
Adapters:React stableVue stable
index.html
<div class="lm-number-input">
<button type="button" aria-label="Decrement">−</button>
<input type="number" value="42" />
<button type="button" aria-label="Increment">+</button>
</div>CSS classes (1)
| Class | Description |
|---|---|
lm-number-input | Wrapper with steppers + input |
React props (2)
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | — |
min / max / step | number | — | — |
Accessibility
- Stepper buttons need aria-label.
- Use <input type='number'> with inputmode='numeric'.
Spotted something wrong? Edit this entry on GitHub.