> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help-option.ymqapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Range Slider

1. [Option](/ymq-options-v2/option)
2. [Input Type options](/ymq-options-v2/option/input-type-options)

# Range Slider

📌 The **Range Slider** **Field** allows customers to select a numeric value from a defined range by dragging a slider. It’s perfect for input fields where you want customers to choose a value within a set limit, offering a clean, interactive experience. **(Advanced Plan Feature)**

---

**🔧 Basic Settings**

* **Name** – Change the display name shown to customers.
* **Required Field** – Make the field mandatory before form submission.
* **Default Value**: Set a default color (via hex code) to be pre-selected when the page loads.
* **Start value** - The minimum value of the slider.
* **End value** - The maximum value of the slider.
* **Step interval** - The increment between slider values.
* **Unit** - The measurement unit displayed with the values (e.g., %, kg, cm).
* **Column width** - Option represents a percentage of the overall width, e.g., 100%, 50%.
* **Add-on Price** – Add an extra cost when a customer fills out this field.
* **Conditional Logic** – Show/hide this field based on other option selections.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/d/9/2/bd92b8ff8f7c9000/48a21c8b-88fb-4cec-b75b-4da536_lsz1ym.jpg)

The range slider is both visually appealing and user-friendly, making it a great alternative to text-based number inputs.