pib-components-dx-base 0.0.0-upstream-snapshot.2026-09-19.1

temporary fork for Politik im Blick - Dioxus components
Documentation
use super::super::component::*;
use dioxus::prelude::*;
use std::ops::Range;

#[component]
pub fn Demo() -> Element {
    let mut current_value = use_signal(|| 20.0..80.0);
    let display = use_memo(move || {
        let v = current_value();
        format!("{:.0}{:.0}", v.start, v.end)
    });

    rsx! {
        div {
            style: "margin-bottom: 15px; font-size: 16px; font-weight: bold;",
            "{display}"
        }

        RangeSlider {
            label: "Range Slider",
            horizontal: true,
            min: 0.0,
            max: 100.0,
            step: 1.0,
            default_value: 20.0..80.0,
            on_value_change: move |value: Range<f64>| {
                current_value.set(value);
            },
        }
    }
}