Export props

dioxus-community · Oct 27, 2023 · a664fb4 · a664fb4
1 parent 6f677c1
commit a664fb4
Show file tree

Hide file tree

Showing 6 changed files with 42 additions and 30 deletions.
diff --git a/lookbook/src/main.rs b/lookbook/src/main.rs
@@ -22,12 +22,15 @@ fn Home(cx: Scope) -> Element {
 }
 
 fn app(cx: Scope) -> Element {
-    render!(
-        LookBook {
-            home: Home,
-            previews: [ButtonPreview, TabRowPreview, TextButtonPreview, TextFieldPreview]
-        }
-    )
+    render!(LookBook {
+        home: Home,
+        previews: [
+            ButtonPreview,
+            TabRowPreview,
+            TextButtonPreview,
+            TextFieldPreview
+        ]
+    })
 }
 
 fn main() {

diff --git a/lookbook/src/previews/button.rs b/lookbook/src/previews/button.rs
@@ -18,7 +18,10 @@ pub fn ButtonPreview(
     #[lookbook(default = &*use_theme(cx).border_radius_medium)]
     border_radius: &'a str,
 ) -> Element {
-    render!(
-        Button { background_color: background_color, border_radius: border_radius, onpress: |_| {}, label }
-    )
+    render!(Button {
+        background_color: background_color,
+        border_radius: border_radius,
+        onpress: |_| {},
+        label
+    })
 }
diff --git a/lookbook/src/previews/text_button.rs b/lookbook/src/previews/text_button.rs
@@ -18,7 +18,10 @@ pub fn TextButtonPreview(
     #[lookbook(default = &*use_theme(cx).border_radius_medium)]
     border_radius: &'a str,
 ) -> Element {
-    render!(
-        TextButton { color: color, border_radius: border_radius, onpress: |_| {}, label }
-    )
+    render!(TextButton {
+        color: color,
+        border_radius: border_radius,
+        onpress: |_| {},
+        label
+    })
 }
diff --git a/lookbook/src/previews/text_field.rs b/lookbook/src/previews/text_field.rs
@@ -12,11 +12,9 @@ pub fn TextFieldPreview<'a>(
 ) -> Element<'a> {
     let value = use_state(cx, || String::from("Text Field"));
 
-    render!(
-        TextField {
-            label: label,
-            value: value,
-            onchange: move |event: FormEvent| value.set(event.data.value.clone())
-        }
-    )
+    render!(TextField {
+        label: label,
+        value: value,
+        onchange: move |event: FormEvent| value.set(event.data.value.clone())
+    })
 }
diff --git a/src/lib.rs b/src/lib.rs
@@ -2,33 +2,35 @@ mod button;
 pub use button::{Button, ButtonProps, TextButton, TextButtonProps};
 
 mod chip;
-pub use chip::Chip;
+pub use chip::{Chip, ChipProps};
 
 mod dialog;
-pub use dialog::Dialog;
+pub use dialog::{Dialog, DialogProps};
 
 mod icon;
-pub use icon::{Icon, IconFont};
+pub use icon::{Icon, IconFont, IconProps};
 
 mod icon_kind;
 pub use icon_kind::IconKind;
 
 mod menu;
 
 mod navigation_rail;
-pub use navigation_rail::{NavigationRail, NavigationRailItem};
+pub use navigation_rail::{
+    NavigationRail, NavigationRailItem, NavigationRailItemProps, NavigationRailProps,
+};
 
 mod ripple;
-pub use ripple::Ripple;
+pub use ripple::{Ripple, RippleProps};
 
 mod tab;
-pub use tab::Tab;
+pub use tab::{Tab, TabProps};
 
 mod tab_row;
-pub use tab_row::TabRow;
+pub use tab_row::{TabRow, TabRowProps};
 
 mod theme;
-pub use theme::{use_theme, Theme, UseTheme};
+pub use theme::{use_theme, Theme, ThemeProps, UseTheme};
 
 mod text_field;
 pub use text_field::TextField;
diff --git a/src/tab.rs b/src/tab.rs
@@ -2,7 +2,10 @@ use dioxus::prelude::*;
 
 #[component]
 pub fn Tab<'a>(cx: Scope<'a>, children: Element<'a>) -> Element<'a> {
-    render!(
-        div { font_size: "1.2em", padding: "10px 0", text_align: "center", children }
-    )
+    render!(div {
+        font_size: "1.2em",
+        padding: "10px 0",
+        text_align: "center",
+        children
+    })
 }