leptos-use/examples/use_abs/src/main.rs

use leptos::*;
use leptos_use::docs::demo_or_body;
use leptos_use::math::use_abs;

#[component]
fn Demo() -> impl IntoView {
    let (value, set_value) = create_signal(-32.25);

    let result: Signal<f64> = use_abs(value);

    view! {
        <input
            class="block"
            prop:value=move || value.get()
            on:input=move |e| set_value.set(event_target_value(&e).parse().unwrap())
            type="range"
            min="-30"
            max="10"
            step="0.1"
        />
        <p>"Value: " {move || value.get()}</p>
        <p>"Absolute: " {move || result.get()}</p>
    }
}

fn main() {
    _ = console_log::init_with_level(log::Level::Debug);
    console_error_panic_hook::set_once();

    mount_to(demo_or_body(), || {
        view! { <Demo/> }
    })
}