feat: Button adds button_type prop

thaw/src/button/mod.rs

@@ -76,6 +76,9 @@ pub fn Button(
     /// A button supports different sizes.
     #[prop(optional, into)]
     size: MaybeSignal<ButtonSize>,
+    /// The default behavior of the button.
+    #[prop(optional, into)]
+    button_type: MaybeProp<ButtonType>,
     /// Whether the button is displayed as block.
     #[prop(optional, into)]
     block: MaybeSignal<bool>,
@@ -120,7 +123,7 @@ pub fn Button(
                 move || format!("thaw-button--{}", shape.get().as_str()),
                 class
             ]
-
+            type=move || button_type.get().map(|t| t.as_str())
             disabled=move || disabled.get().then_some("")
             aria-disabled=move || disabled_focusable.get().then_some("true")
             on:click=on_click
@@ -141,3 +144,20 @@ pub fn Button(
         </button>
     }
 }
+
+#[derive(Debug, Clone)]
+pub enum ButtonType {
+    Submit,
+    Reset,
+    Button,
+}
+
+impl ButtonType {
+    pub fn as_str(&self) -> &'static str {
+        match self {
+            Self::Submit => "submit",
+            Self::Reset => "reset",
+            Self::Button => "button",
+        }
+    }
+}

thaw/src/field/docs/mod.md

@@ -50,19 +50,21 @@ view! {
                     <ComboboxOption value="dog" text="Dog" />
                 </Combobox>
             </Field>
-            <button
+            <div style="margin-top: 8px">
-                type="submit"
+                <Button
-                on:click={
+                    button_type=ButtonType::Submit
-                    let field_context = FieldContextInjection::expect_context();
+                    on_click={
-                    move |e| {
+                        let field_context = FieldContextInjection::expect_context();
-                        if !field_context.validate() {
+                        move |e: ev::MouseEvent| {
-                            e.prevent_default();
+                            if !field_context.validate() {
+                                e.prevent_default();
+                            }
                         }
                     }
-                }
+                >
-            >
+                    "Submit"
-                "Submit"
+                </Button>
-            </button>
+            </div>
         </FieldContextProvider>
     </form>
 }