Back

RangeSlider

Basic

0 500

With Live Value Display

 – 
2000 2025

Fine Step (0.1)

 – 
0 1

Disabled

0 1000

Usage

@forms.RangeSlider(forms.RangeSliderProps{
    ID:         "price",
    Name:       "price",
    Label:      "Price Range",
    Min:        "0",
    Max:        "500",
    Step:       "10",
    ValueMin:   "100",  // initial lower thumb
    ValueMax:   "350",  // initial upper thumb
    ShowValues: true,   // show "lo – hi" badge next to label
})