diff --git a/packages/design/src/Tabs.vue b/packages/design/src/Tabs.vue
index 941fd56a..ea21cfa6 100644
--- a/packages/design/src/Tabs.vue
+++ b/packages/design/src/Tabs.vue
@@ -5,6 +5,7 @@
     @tab-click="tabClickHandler"
     @tab-add="onTabAdd"
     @tab-remove="onTabRemove"
+    @update:model-value="updateModelName"
   >
     <template #default>
       <slot></slot>
@@ -21,13 +22,14 @@ const props = defineProps<{
   type?: string;
   editable?: boolean;
   tabPosition?: string;
+  modelValue?: string | number;
 }>();
 
 const uiComponent = getConfig('components').tabs;
 
 const uiProps = computed(() => uiComponent.props(props));
 
-const emit = defineEmits(['tab-click', 'tab-add', 'tab-remove']);
+const emit = defineEmits(['tab-click', 'tab-add', 'tab-remove', 'update:model-value']);
 
 const tabClickHandler = (...args: any[]) => {
   emit('tab-click', ...args);
@@ -40,4 +42,8 @@ const onTabAdd = (...args: any[]) => {
 const onTabRemove = (...args: any[]) => {
   emit('tab-remove', ...args);
 };
+
+const updateModelName = (...args: any[]) => {
+  emit('update:model-value', ...args);
+};
 </script>