> ## Content Index
> Fetch the complete content index at: https://getpublii.com/dev/llms.txt
> Use this file to discover other available public pages before exploring further.

# Range slider

- URL: https://getpublii.com/dev/range-slider/
- Published: 2019-03-23T13:59:05.906Z
- Updated: 2025-01-19T09:41:05.239Z
- Description: A range slider is recommended to enable users to select a value within a specified range. This approach provides a practical and user-friendly method for…
- Author: Tomasz Dziuda
- Tags: Fields, Theme Settings API

A range slider is recommended to enable users to select a value within a specified range. This approach provides a practical and user-friendly method for input selection.

By utilizing the min, max, and step parameters, you can easily restrict the available option values:

```json
{
    "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
}
```

The above code generates a range slider that enables users to choose a value between 1 and 3, with a minimum step of 0.05.

![Range Slider](https://getpublii.com/dev/media/posts/118/range-slider-2.svg)