Number input

To enter a single piece of numerical data into a form. They are mainly used to quantify, survey or gather information.

When to use: Number input?

Number input can be used when a user needs to enter numerical data, for example when quantifying something.

When user needs to write numerical data.

- When a user provides a single information. See text input
- To add more than a single information. See text area or See dynamic input

When you don't have context or specific information about what enter in the number input.

Number input without label.

When the context of number input is already define by texts or components around him.

DO	DON'T
Do include a label.	Don’t use number input without a label.

DO	DON’T
Use compact size if compact elements are present	Use default size if compact elements are present