diff --git a/apps/showcase/doc/dynamicdialog/EventsDoc.vue b/apps/showcase/doc/dynamicdialog/EventsDoc.vue
index f5715b91e..f34b61a47 100644
--- a/apps/showcase/doc/dynamicdialog/EventsDoc.vue
+++ b/apps/showcase/doc/dynamicdialog/EventsDoc.vue
@@ -21,7 +21,12 @@ const dialog = useDialog();
 const showProducts = () => {
     dialog.open(ProductListDemo, {
         onCancel: (e) => {
-            console.log(e);  // {user: 'primetime'}
+            console.log(e);      // {user: 'primetime'}
+        },
+        emits: {
+            onSave: (e) => {
+                console.log(e);  // {user: 'primetime'}
+            }
         }
     });
 }
@@ -36,6 +41,10 @@ const emit = defineEmits(['cancel', 'save'])
 function buttonClick() {
     emit('cancel', {user: 'primetime'});
 }
+
+function saveButtonClick() {
+    emit('save', {user: 'primetime'});
+}
 <\/script>
 `
             }