> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: $w

## Namespace: range-slider

## Article: Introduction

## Article Link: https://dev.wix.com/docs/velo/velo-only-apis/$w/range-slider/introduction.md

## Article Content:

# Introduction
> This feature is not yet available to all users.

 Range sliders allow site visitors to input a range of values by sliding two 'handles'
 along a numeric track. The slider also supports a 'single-handle' mode. 
 
 ![Range Slider Handles](https://wixmp-833713b177cebf373f611808.wixmp.com/images/velo-images/media_rangeslider_handles.png "Range Slider Handles")

 [`max`](#max) and [`min`](#min) define the upper and lower limits of a range slider. 
 [`value`](#value) defines the currently selected values of the handles. 

 Range sliders can be used to filter data, or to collect numeric input from site visitors.
 For example, you can use a range slider so a site visitor can select a price range for their online 
 shopping needs.

 ![Range Slider Types](https://wixmp-833713b177cebf373f611808.wixmp.com/images/velo-images/media_rangeslider_slidertypes.png "Range Slider sliderTypes")

 A range slider has a [`sliderType`](#sliderType) that can be set to either 'Continuous' or 'Stepped'. 
 - As a handle slides left or right along a continuous slider, the selected value always increases or decreases by 0.1. 
 - Unlike a continuous slider, a stepped slider includes tick marks along its track. The tick marks indicate 
   the possible input values that can be selected by sliding the handles. 
 - As a handle slides left or right along a stepped slider, the value increases or decreases by its [`step`](#step) value 
   represented by the tick marks. 
 - A stepped slider also has a [`stepType`](#stepType) that can be set to either 'Number' or 'Value'. 
   - When set to 'Number', the [`stepType`](#stepType) defines the amount of steps there are within a given range. 
   - When set to 'Value', the [`stepType`](#stepType) defines the amount of units between each step. 
   - The [`stepType`](#stepType) and [`step`](#step) properties can only be used when a range slider has a 
     [`sliderType`](#sliderType) of 'Stepped'.

 The following diagram illustrates how the [`stepType`](#stepType) and [`step`](#step) properties 
 can only be used when the range slider's [`sliderType`](#sliderType) is set to 'Stepped'.

 ![Range Slider Flow](https://wixmp-833713b177cebf373f611808.wixmp.com/images/velo-images/media_rangeslider_flowchart.png "Range Slider Flow")