Number input

Number input allow user to enter a single numeric data in a form. They are mainly use for quantify, polls 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 to use Default Number input?

 

When to use Compact Number input?

Number input without label.

Do / Don't

 

DO

DON'T

Do include a label.

Do include a label.

Don’t use number input without a label.

Don’t use number input without a label.

 

 

DO

DON’T

Use compact size if compact elements are present

Use compact size if compact elements are present

Use default size if compact elements are present

Use default size if compact elements are present