# Range Slider

A slider to choose a number between two values. It supports dynamic minimum and maximum values, and step size, and can perform validation of custom rules.

<figure><img src="/files/jwLleCY3CR2mNovD3yWw" alt=""><figcaption></figcaption></figure>

The Range Slider can be used to set a range between minimum and maximum values.

<figure><img src="/files/8EAjmYloQBaZWneHlL5r" alt=""><figcaption></figcaption></figure>

**Functionality:**

* **Range Selection:** Users can click and drag the blue circular handles along the slider track to choose a value within the specified range.
* **Adjustable Min/Max Values (Builder Controlled):** The builder can dynamically change the minimum and maximum values based on other values or conditions. Users cannot change these values within the app.
* **Default Range:** Builder can also change the default set range to fit specific requirements.
* **Visual Feedback:** The position of the handle provides visual feedback on the current selected value.

**Usage:**

This component is typically used in forms or settings where users need to specify a value within a certain range, such as setting the intensity of a filter, adjusting volume, or selecting a rating. While users interact with the slider to select values, builders can adjust the minimum, maximum, and default values to tailor the component to various contexts and requirements.

## Settings

You can set label, current values, minimum and maximum values to depict range, and also step size and color.

It is possible to set the current value, range, and step size using Formula.

<div align="left"><figure><img src="/files/UcsfsKm7b9da95SySY8r" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jetadmin.io/user-guide/design-and-structure/components/fields/range-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.