GitHub Download

Range slider

If you want to allow users to specify a value which is in a specific range, you can consider use of the range slider field.

Thanks to the use of the min, max and step parameters you can easily limit available values:

    "name": "fontSize",
    "label": "Font size",
    "group": "Fonts",
    "note": "The font-size of the root element in REM unit",
    "value": "1.1",
    "type": "range",
    "min": 1,
    "max": 3,
    "step": 0.05 

Above code will create a range slider which allows users to select a value between 1 and 3 with minimal step equal to 0.05.

Range Slider


Get the latest Publii news, updates and more delivered directly to your email inbox

You can change your mind at any time by clicking the unsubscribe link in the footer of any email you receive from us, or by contacting us at By clicking below, you agree that we may process your information in accordance with our Privacy Policy.