Number

Numbers can be used to input numerical values. They include buttons to increase and decrease the current value, which will honor the step value. You can also set minimum and maximum values.

Example

{
  type: "number",
  value: 23,
  label: "Number",
}

Options

Input

Use these options when using the field with take.

value?
number
The initial value of the field.
min?
number
Set the minimum value that will be accepted.
max?
number
Set the maximum value that will be accepted.
step?
number
Set the value by which to increment the value.
key?
string
A key to access the value. If provided, each field must have a unique key. See make for more information about accessing values.
label?
string
A label describing the purpose of the field.
detail?
string
Additional information about the field, disclosed in a tooltip.

Output

Use these options when using the field with make.

value?
number
The output value of the field.
label?
string
A label describing the purpose of the field.
detail?
string
Additional information about the field, disclosed in a tooltip.

Data

If the input has a value, the field will pass a number between min and max, or undefined if one hasn’t been set yet.