Number Input Component
Number Input component is an input field for capturing numbers (with and
without decimal from user. Bissetii did a number of researches on its own and
decided to only provide styling for proper HTML5 semantic syntax defined by
This component is available starting from
Number Input Hugo interface is directly supported by
Number Input Go interface is directly supported by
Expanding from Form Component,
Number Input component is to facilitate an input
for capturing number value with and without decimal format. Should a browser
cannot provide an user interface for this
<input>, it will falls back to
<input type="text"> gracefully and automatically.
By default, no pattern validation is needed as most supported browser already handled it natively.
To allow decimal number (e.g.
0.01), you need to add
step= attribute with
the decimal limits you need. Example, for upto 8 decimal places, the attribute
step="0.00000001". Comma decimal symbol (e.g.
0,01) is usually
not supported by the browser. Enabling this attribute allows user to step
up/down via the stepping button.
To limit the number range, use
max= attributes matching the
step= attribute format.
An all compatible attributes HTML syntax is shown as follows:
Here is an example:
Number Input CSS variables is directly supported by
Number Input Sass is directly supported by
Here are the researches done to ensure
Number Input component meets
the necessary quality assurances:
SCHEDULED COMING SOON
That’s all about
Number Input component in Bissetii. If you need more
feature or need to report a bug, please feel free to file an issue at our