cleanup code and examples

packages/tui/src/widgets/button.rs

@@ -42,6 +42,9 @@ pub(crate) fn Button<'a>(cx: Scope<'a, ButtonProps>) -> Element<'a> {
             width: "{width}",
             height: "{height}",
             border_style: "{border_style}",
+            flex_direction: "row",
+            align_items: "center",
+            justify_content: "center",
             onclick: move |_| {
                 update();
             },

packages/tui/src/widgets/number.rs

@@ -206,26 +206,6 @@ pub(crate) fn NumbericInput<'a>(cx: Scope<'a, NumbericInputProps>) -> Element<'a
             }
 
             "{text_after_second_cursor}"
-
-            div{
-                background_color: "rgba(255, 255, 255, 50%)",
-                color: "black",
-                Input{
-                    r#type: "button",
-                    onclick: move |_| {
-                        decrease();
-                    }
-                    value: "<",
-                }
-                " "
-                Input{
-                    r#type: "button",
-                    onclick: move |_| {
-                        increase();
-                    }
-                    value: ">",
-                }
-            }
         }
     }
 }

packages/tui/src/widgets/password.rs

@@ -88,7 +88,6 @@ pub(crate) fn Password<'a>(cx: Scope<'a, PasswordProps>) -> Element<'a> {
             width: "{width}",
             height: "{height}",
             border_style: "{border}",
-            align_items: "left",
 
             onkeydown: move |k| {
                 if k.key()== Key::Enter {

packages/tui/src/widgets/textbox.rs

@@ -84,9 +84,6 @@ pub(crate) fn TextBox<'a>(cx: Scope<'a, TextBoxProps>) -> Element<'a> {
             width: "{width}",
             height: "{height}",
             border_style: "{border}",
-            flex_direction: "row",
-            align_items: "center",
-            justify_content: "center",
 
             onkeydown: move |k| {
                 if k.key() == Key::Enter {