@@ -239,9 +240,10 @@ pub fn App() -> impl IntoView {
//
//
-
+
-
+
+
//
diff --git a/stories/leptos/src/primitives/label.rs b/stories/leptos/src/primitives/label.rs
index e351e8c8..061076e0 100644
--- a/stories/leptos/src/primitives/label.rs
+++ b/stories/leptos/src/primitives/label.rs
@@ -1,59 +1,79 @@
+use leptos::ev;
use leptos::prelude::*;
use radix_leptos_label::*;
-use tailwind_fuse::*;
+/// Styled example with a basic label
#[component]
-pub fn Styled() -> impl IntoView {
- let root_class = Memo::new(move |_| RootClass::default().to_class());
-
+pub fn Basic() -> impl IntoView {
view! {
-
+
}
}
+/// Shows both wrapping and referencing controls
#[component]
pub fn WithControl() -> impl IntoView {
- let control_class = Memo::new(move |_| ControlClass::default().to_class());
+ view! {
+
+
"Wrapping control"
+
+
+ "Referencing control"
+
+
+
+ }
+}
+/// Demonstrates using Label with various form inputs
+#[component]
+pub fn WithInputs() -> impl IntoView {
view! {
- Wrapping control
-
+
+
-
Referencing control
-
-
+
+
}
}
+/// Shows label with custom event handling
#[component]
-pub fn WithInputNumber() -> impl IntoView {
+pub fn WithEvents() -> impl IntoView {
+ let (count, set_count) = signal(0);
+
view! {
-
+
+
+
}
}
+/// Helper component for the control examples
#[component]
fn Control() -> impl IntoView {
view! {
-