---
description: Click and drag handles to return the interval between
---

# Range Slider

## Description

Click and drag handles to return the interval between

{% tabs %}
{% tab title="Preview" %}
![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2F9RpsnV5x5Xoma5RcO2xV%2FRangeSlider.png?alt=media\&token=e7a28e03-ff93-42da-80e8-a4038702d05b)
{% endtab %}

{% tab title="Location" %}
**Name** | Ui Range Slider

**Nickname** | Range Slider

**Tab** | Ui

**Panel** | Control

**Division** | 1
{% endtab %}

{% tab title="Inputs" %}
**\*E** | **Element** (_Ui+ Element_) | An optional input for an Element.&#x20;

> If an Element is input it will be updated, if empty a new Element will be created.
>
> The input control must be of the same type as the component

**L** | **Label** (_Text_) | The control label

**S** | **Selection** (_Interval_) | The  upper and lower bounds of the selection

**B** | **Bounds** (_Interval_) | The upper and lower bounds of the slider

**I** | **Increment** (_Number_) | The step increment of the slider
{% endtab %}

{% tab title="Ouputs" %}
**E** | **Element** (_Ui+ Element_) | Ui Element Control.&#x20;
{% endtab %}

{% tab title="Mode" %}
_none_
{% endtab %}
{% endtabs %}

## Usage

![](https://97674526-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOQQ5Dv56AckPkeQ6O9Rf%2Fuploads%2FX1CjPLaI357pW37yxele%2FRangeSliders.gif?alt=media\&token=e7e9e587-6a04-4d46-a773-fd0ee51f648d)
