leptos-use/examples/use_ceil/src/main.rs
2023-06-21 13:09:00 +02:00

33 lines
821 B
Rust

use leptos::*;
use leptos_use::docs::demo_or_body;
use leptos_use::math::use_ceil;
#[component]
fn Demo(cx: Scope) -> impl IntoView {
let (value, set_value) = create_signal(cx, 4.15);
let result: Signal<f64> = use_ceil(cx, value);
view! { cx,
<input
class="block"
prop:value=move || value.get()
on:input=move |e| set_value.set(event_target_value(&e).parse().unwrap())
type="range"
min="0"
max="10"
step="0.01"
/>
<p>"Value: " {move || value.get()}</p>
<p>"Ceiled: " {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(), |cx| {
view! { cx, <Demo /> }
})
}