{
  "type": "range",
  "id": "padding",
  "label": "Section padding",
  "min": 0,
  "max": 100,
  "step": 5,
  "unit": "px",
  "default": 20,
  "info": "Adjust the padding around the section content"
}
The range input type allows users to select a numeric value within a specified range using a slider.

​
Properties

​
type
string
required
Must be set to “range”.
​
id
string
required
Unique identifier for the setting.
​
label
string
required
The label shown in the theme editor.
​
min
number
required
Minimum allowed value.
​
max
number
required
Maximum allowed value.
​
step
number
Step increment. Default is 1.
​
unit
string
Unit to display (e.g., “px”, “sec”, ”%”).
​
default
number
Default value. Must be between min and max.
​
info
string
Additional information shown below the range input.
​
kiwi_extra
object
Additional properties for the range input. Currently supported:
  • hidden: boolean value, indicates whether this setting should be displayed in Theme Editor’s configuration bar
  • validations: Apply validations to this setting before saving. Currently supported:
    • required: Boolean value. If true, this range must have a value and it must be greater than zero to be valid