range_slider

Function range_slider 

Source
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; see RangeSliderArgs.
  • state — a clonable RangeSliderState to 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,
);