diff --git a/docs/examples/message/closable.vue b/docs/examples/message/closable.vue
index 74927bf682..35ad1211c8 100644
--- a/docs/examples/message/closable.vue
+++ b/docs/examples/message/closable.vue
@@ -3,6 +3,7 @@
   <el-button :plain="true" @click="open2">Success</el-button>
   <el-button :plain="true" @click="open3">Warning</el-button>
   <el-button :plain="true" @click="open4">Error</el-button>
+  <el-button :plain="true" @click="open5">Won't close automatically</el-button>
 </template>
 
 <script lang="ts" setup>
@@ -35,4 +36,11 @@ const open4 = () => {
     type: 'error',
   })
 }
+const open5 = () => {
+  ElMessage({
+    showClose: true,
+    message: 'Oops, this is a message that does not automatically close.',
+    duration: 0,
+  })
+}
 </script>