chore: add callbacks for textield

TownHallHQ · Jul 20, 2024 · 65e4c92 · 65e4c92
1 parent a37c914
commit 65e4c92
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/crates/web/src/components/text_field.rs b/crates/web/src/components/text_field.rs
@@ -2,8 +2,8 @@ use core::fmt;
 use std::{collections::HashSet, fmt::Debug};
 
 use leptos::{
-    component, create_memo, event_target_value, leptos_dom::logging::console_log, logging, view,
-    IntoView, MaybeProp, SignalGet, TextProp,
+    component, create_memo, event_target_value, view, Callable, Callback, IntoView, MaybeProp,
+    SignalGet, TextProp,
 };
 
 #[derive(Clone, Debug, Default)]
@@ -39,6 +39,7 @@ pub fn TextField(
     #[prop(optional, into)] label: TextProp,
     #[prop(optional, into)] class: TextProp,
     #[prop(optional, into)] variant: MaybeProp<TextFieldVariant>,
+    #[prop(optional, into)] on_input: MaybeProp<Callback<String>>,
     #[prop(optional, into)] r#type: TextFieldType,
     #[prop(optional, into)] disabled: MaybeProp<bool>,
     #[prop(optional, into)] full_width: MaybeProp<bool>,
@@ -85,7 +86,7 @@ pub fn TextField(
     view! {
             <div>
             <label class="block mb-2 text-sm font-medium text-purple-500" for=id.clone()>{label}</label>
-            <input type=format!("{}", r#type) name=name value=value id=id placeholder=placeholder class=class_names  disabled=disabled on:change=move |ev| {console_log(event_target_value(&ev).as_str())}  />
+            <input type=format!("{}", r#type) name=name value=value id=id placeholder=placeholder class=class_names  disabled=disabled on:change=move |ev| {on_input.get().unwrap().call(event_target_value(&ev))}  />
             </div>
     }
 }