RangeSlider
A custom-styled native range slider with dynamic progress track rendering and full GlassUI support.
Playground
Explore all rangeslider props interactively.
Props
The bound numeric value.
Minimum allowed value.
Maximum allowed value.
Increment/decrement step size.
Input size
Theme color/status
Label text above slider
Error message (sets color to error)
Helper text below slider
Glass surface density
Disabled state
Basic Ranges
Range sliders support min, max, and step attributes just like native inputs.
50%
75%
Glass Overlay
When inside a glass context, the slider track transforms into a beautiful carved inset field, and the thumb inherits the theme's glass optics automatically.