Input Stepper

Input Steppers are a type of button that are part of the field they are catering to. These are used for numerical fields. They allow the user to adjust or correct the quantity, count or value in a field. By means of arrow, the user may increase or decrease this value, without having to type it in.

A jump or the value that is next is decided based on rules set for that value. For example, if a quantity or count were to be adjusted, the user may go up 1 unit or down one unit and no decimal or fraction values will be allowed.

In order to cater to the larger and medium to smaller breakpoints, the following sizes for the steppers have been prescribed respectively, aligning with the field heights.

Annotation
large
large input stepper
small
small input stepper
States

The margins remain the same as those defined for other fields. Following are the various states for the component

Default state
Hover state
Selected state
Focus state
Down state
Diasbled state
Visual display
Enabled
No of entries
Diasbled
No of entries
Code Usage
										
										
No of entries
Code Usage
										
										
No of entries