> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/option-elements/input-type-options/range-slider.md).

# Range Slider

The **Range Slider** element 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.

**🔧 Basic Settings:**

* **Label / Name**: Customize the label displayed above the slider.
* **Required Field**: Make it a mandatory field.
* **Add-on Product / Price**: Assign an additional cost based on the selected value.
* **Min / Max Value**: Set the lowest and highest numbers allowed.
* **Step Value**: Define the increments (e.g., 1, 5, 10).
* **Default Value**: Choose a value that will be selected by default.

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

**⚙️ Advanced Settings:**

* **Prefix & Suffix**
* **Help Text & Position**: Add guidance or notes to help users understand the function.
* **HTML Class**: Apply custom styles via CSS classes.
* **Column Width**: Adjust how wide the slider appears within the form layout.
* **Conditional Logic**: Show or hide this field based on other selections.

**🧠 Use Case Examples:**

* Choose donation amount
* Select quantity for bulk pricing
* Adjust print size or dimensions
* Set customization preferences (e.g., brightness, opacity)

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

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**

We’re always here and happy to help — with sincerity and care!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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.globo.io/options/option-elements/input-type-options/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.