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

34 lines
798 B
Rust
Raw Normal View History

2024-05-07 12:41:44 +01:00
use leptos::prelude::*;
2023-06-03 05:25:45 +01:00
use leptos_use::docs::demo_or_body;
use leptos_use::math::use_floor;
#[component]
2023-07-27 18:06:36 +01:00
fn Demo() -> impl IntoView {
2024-05-07 12:41:44 +01:00
let (value, set_value) = signal(5.95);
2023-06-03 05:25:45 +01:00
2023-07-27 18:06:36 +01:00
let result: Signal<f64> = use_floor(value);
2023-06-03 05:25:45 +01:00
2023-07-27 19:48:21 +01:00
view! {
<input
2023-06-03 05:25:45 +01:00
class="block"
prop:value=move || value.get()
on:input=move |e| set_value.set(event_target_value(&e).parse().unwrap())
2023-06-03 05:25:45 +01:00
type="range"
min="0"
max="10"
step="0.01"
/>
<p>"Value: " {move || value.get()}</p>
<p>"Floored: " {move || result.get()}</p>
2023-06-03 05:25:45 +01:00
}
}
fn main() {
_ = console_log::init_with_level(log::Level::Debug);
console_error_panic_hook::set_once();
2023-07-27 18:06:36 +01:00
mount_to(demo_or_body(), || {
2023-07-27 19:48:21 +01:00
view! { <Demo/> }
2023-06-03 05:25:45 +01:00
})
}