mn-number

install --save mn-select

And bundle dependencies and main files in dist/ with your preferred tool.

usage

And then, in your html, you can use the tag mn-number e.g.

The following attributes from inputs are supported in this component: max, min and step.

integer or float

By default, mn-number accept only integer numbers, if you want a float number, use the attribute decimal and assign to it a precision, by default is 2, e.g.

You can use too, currency and percentage

suffix

Maybe you need a different suffix, like 10 m (meters), or 10 mph (miles per hour). So, to implement your own suffix, just add a CSS selector, like:

mn-number.mph .mask:after { content: 'mph'; }

and sure, add the class .mph to your mn-number