adam/leptos-use
1
0
Fork 0
mirror of https://github.com/adoyle0/leptos-use.git synced 2025-02-02 10:54:15 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

added examples for signal_...

Browse source
This commit is contained in:
Maccesch 2023-07-27 23:53:26 +01:00
parent 9a998b1dd4
commit 2161f776e8
2 changed files with 48 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
examples/signal_debounced/src/main.rs
View file

@ -1,12 +1,33 @@
use leptos::*; use leptos::*;
use leptos_use::docs::demo_or_body; use leptos_use::docs::{demo_or_body, Note};
use leptos_use::signal_debounced; use leptos_use::signal_debounced;
#[component] #[component]
fn Demo() -> impl IntoView { fn Demo() -> impl IntoView {
// signal_debounced(); let (input, set_input) = create_signal("".to_string());
let debounced = signal_debounced(input, 1000.0);
view! {} view! {
<div>
<input
type="text"
value=input
on:input=move |event| set_input(event_target_value(&event))
placeholder="Try to type quickly, then stop..."
/>
<Note>
Delay is set to 1000ms for this demo.
</Note>
<p>
Input signal:
{input}
</p>
<p>
Debounced signal:
{debounced}
</p>
</div>
}
} }
fn main() { fn main() {

27
examples/signal_throttled/src/main.rs
View file

@ -1,12 +1,33 @@
use leptos::*; use leptos::*;
use leptos_use::docs::demo_or_body; use leptos_use::docs::{demo_or_body, Note};
use leptos_use::signal_throttled; use leptos_use::signal_throttled;
#[component] #[component]
fn Demo() -> impl IntoView { fn Demo() -> impl IntoView {
// signal_throttled(); let (input, set_input) = create_signal("".to_string());
let throttled = signal_throttled(input, 1000.0);
view! {} view! {
<div>
<input
type="text"
value=input
on:input=move |event| set_input(event_target_value(&event))
placeholder="Try to type quickly..."
/>
<Note>
Delay is set to 1000ms for this demo.
</Note>
<p>
Input signal:
{input}
</p>
<p>
Throttled signal:
{throttled}
</p>
</div>
}
} }
fn main() { fn main() {