diff --git a/docs/examples/tabs/card-style.vue b/docs/examples/tabs/card-style.vue
index 155b7a8bb5..bd5aa3467d 100644
--- a/docs/examples/tabs/card-style.vue
+++ b/docs/examples/tabs/card-style.vue
@@ -5,10 +5,10 @@
     class="demo-tabs"
     @tab-click="handleClick"
   >
-    <el-tab-pane label="User">User</el-tab-pane>
-    <el-tab-pane label="Config">Config</el-tab-pane>
-    <el-tab-pane label="Role">Role</el-tab-pane>
-    <el-tab-pane label="Task">Task</el-tab-pane>
+    <el-tab-pane label="User" name="first">User</el-tab-pane>
+    <el-tab-pane label="Config" name="second">Config</el-tab-pane>
+    <el-tab-pane label="Role" name="third">Role</el-tab-pane>
+    <el-tab-pane label="Task" name="fourth">Task</el-tab-pane>
   </el-tabs>
 </template>
 <script lang="ts" setup>