pub fn range_slider(args: impl Into<RangeSliderArgs>, state: RangeSliderState)Expand description
§range_slider
Renders an interactive slider with two handles, allowing selection of a range (start, end) between 0.0 and 1.0.
§Usage
Use for filtering by range, setting minimum and maximum values, or defining an interval.
§Parameters
args— configures the slider’s range, appearance, and callbacks; seeRangeSliderArgs.state— a clonableRangeSliderStateto manage interaction state for both handles.
§Examples
use std::sync::{Arc, Mutex};
use tessera_ui::{DimensionValue, Dp};
use tessera_ui_basic_components::slider::{range_slider, RangeSliderArgsBuilder, RangeSliderState};
let slider_state = RangeSliderState::new();
let range_value = Arc::new(Mutex::new((0.2, 0.8)));
range_slider(
RangeSliderArgsBuilder::default()
.width(DimensionValue::Fixed(Dp(200.0).to_px()))
.value(*range_value.lock().unwrap())
.on_change(Arc::new(move |(start, end)| {
println!("Range changed: {} - {}", start, end);
}))
.build()
.unwrap(),
slider_state,
);