Range Slider

  1. T-Wind
  2. /
  3. UI Kit
  4. /
  5. Range Slider

Default Slider

Only showing tooltips when sliding handles

20.00
80.00

Using HTML5 input elements

Working with dates

Friday 31 December 2010 Friday 2 January 2015

Skipping steps

20.00 90.00

Moving the slider by clicking pips

0
25
50
75
100

Vertical slider

1450
2050
2350
2950
1300
1450
1600
1750
1900
2050
2200
2350
2500
2650
2800
2950
3100
3250
2950 - 600 - 2350 - 300 - 2050 - 600 - 1450

Soft limits

20
80
© 2025 T-Wind