diff --git a/packages/ui/components/forms/SubmitButton.stories.ts b/packages/ui/components/forms/SubmitButton.stories.ts
index d6fea3f7..32927e1e 100644
--- a/packages/ui/components/forms/SubmitButton.stories.ts
+++ b/packages/ui/components/forms/SubmitButton.stories.ts
@@ -15,6 +15,12 @@ export default {
         type: 'text',
       },
     },
+    disabled: {
+      description: 'button on-off',
+      control: {
+        type: 'boolean'
+      },
+    },
   },
 }
 
diff --git a/packages/ui/components/forms/SubmitButton.vue b/packages/ui/components/forms/SubmitButton.vue
index a6066235..57aa2429 100644
--- a/packages/ui/components/forms/SubmitButton.vue
+++ b/packages/ui/components/forms/SubmitButton.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { toRefs, ButtonHTMLAttributes } from 'vue'
+import { ButtonHTMLAttributes } from 'vue'
 import CssResetButton from '../CssResetButton.vue'
 
 type _SubmitButtonProps = Omit<ButtonHTMLAttributes, 'disabled' | 'onClick'>
@@ -10,7 +10,6 @@ interface SubmitButtonEmit {
   (event: 'on-click'): void
 }
 const props = defineProps<SubmitButtonProps>()
-const { disabled = false } = toRefs(props)
 const emit = defineEmits<SubmitButtonEmit>()
 const handleClick = () => {
   emit('on-click')
@@ -50,4 +49,4 @@ const handleClick = () => {
   pointer-events: none;
   background-color: #C9DAEA;
 }
-</style>
\ No newline at end of file
+</style>