Number inputs

It renders a number input for the user. The type is number, so the value will be a number. It can have the same properties as the text input. The value will be a number.

{
  "component": "text",
  "type": "number",
  "label": "Age",
  "placeholder": "Enter your age",
  "inline": "true"
}

{
  "component": "text",
  "type": "number",
  "label": "From 1 to 2",
  "inline": "true"
  "step": 0.1
}

We can define a step to define the increment value of the input

Storybook Examples

Number#

Number With Min From Store Context#

Number With Validations#

Number With Default Value#

Number With Default Value And Store Updates#

Math Input#