diff --git a/src/components/MyButton.vue b/src/components/MyButton.vue
index 5c2aae6..6f0e1c3 100644
--- a/src/components/MyButton.vue
+++ b/src/components/MyButton.vue
@@ -1,9 +1,9 @@
 <template>
   <button class="btn"
-          type="button"
           :aria-busy="loading"
           :class="classes"
-          :disabled="disabled || loading">
+          :disabled="disabled || loading"
+          :type="type">
     <template v-if="loading">
       Loading...
     </template>
@@ -27,6 +27,7 @@ interface ButtonProps {
   loading?: boolean
   size?: 'sm' | 'md' | 'lg'
   variant?: 'primary' | 'secondary' | 'danger'
+  type: 'button' | 'submit'
 }
 
 const {
@@ -34,7 +35,8 @@ const {
   size = "md",
   fullwidth = false,
   disabled = false,
-  loading = false
+  loading = false,
+  type = "button"
 } = defineProps<ButtonProps>()
 
 const emit = defineEmits(['click'])