@fooloomanzoo/number-input


_API & Demo_

\

An input for numeric values.

$3

The normal input with type="number" is fairly good to use, but it has some flaws, because it should if wanted e.g.:

* prevent non numeric input
* guarantee live-data to be valid
* use the local decimal separator
* pad a value with 0 (to a specific length)
* size the input (according to it's length)
* overflow to minimum or underflow to maximum
* saturate to minimum or to maximum
* display a specified unit
* display a specified currencies
* can use percentage values and do have automatically the correct decimal value

This element wants to achieve that, by using the Intl.NumberFormat API. A more simpler element \ just uses integer values and doesn't use units or percent values.

!img

$3

``html
using units:

in percent:

using currencies:

as integer:
`

$3

Have a look at input-picker-pattern#input-shared-style to see how to style the element.

$3

`
npm i @fooloomanzoo/number-input
``

$3

MIT