Components / ValueSlider

ValueSlider

A value in small that opens a slider or can be typed.

Example

The component itself, running in WebAssembly, beside its code in a playground. Try it.

Code

use ravenrs::prelude::*;

fn value_slider() -> impl View {
    let (opacity, size) = (State::new(80.0_f32), State::new(24.0_f32));
    HStack::new((
        ValueSlider::new(opacity.binding())
            .range(0.0, 100.0)
            .step(1.0)
            .unit("%")
            .label("Opacity")
            .show_label(),
        ValueSlider::new(size.binding()).range(1.0, 200.0).step(1.0).unit(" px").label("Size").field(),
    ))
    .spacing(24.0)
    .align(Align::Center)
}

Open in the playground, with every example →

Full API of ValueSlider →