Range slider field

Use range_slider to collect a number within a range. The respondent chooses a value with a slider.

For shared field properties, see Shared field properties.

Configuration

Name	Type	Required	Default	Description
`min`	number	Yes	n/a	Sets the left end of the slider. Any number.
`max`	number	Yes	n/a	Sets the right end of the slider. Must be greater than `min`.
`step`	number	No	`1`	Sets the distance between slider positions. Must be greater than 0 and no larger than `max` minus `min`.
`defaultValue`	string	No	none	Sets the initial value. Write a number as a string, or use `"{{hidden_name}}"`. The string is parsed as a number.

Validation

If the field is required and has no value, the respondent cannot leave the page. The slider cannot move outside the range from min to max.

Submission value

The answer is stored as a number under the field’s name in submission data.

Example

{
  "type": "range_slider",
  "name": "monthly_budget",
  "label": "What is your monthly budget (USD)?",
  "min": 0,
  "max": 5000,
  "step": 250,
  "defaultValue": "1000",
  "required": true
}