ε InputStepperCtrl

Element: A control to allow the adding subtracting of a numeric value as either a floating modal or inline in another element or component (ex. ListItem).

Styleguide Link

• Parent: Input Stepper (Form Component), Multiple others

• Child: InputStepperPieces

Properties

Type

Plus-Minus - The use of Plus and Minus symbols on the buttons to add and subtract values in the Input Stepper

Arrows - The use of Arrows as the symbos on the buttons to add and subtract values in the Input Stepper.

Orientation

The direction of the Input Stepper in the interface, either displaying Horizontally with buttons to the left and right or Vertically with the buttons being on the top and bottom of the Input Stepper

• Horizontal

• Vertical

Style

The visual appearance of the Input Stepper. Note, this changes both the background of the Input Stepper and a whole and the buttons surface left/right or top/bottom.

• Primary

• Secondary

• Light

• Neutral

• Dark

State

• Enabled

• Disabled

• Hover

• Pressed

• Focus