From cfe57e0d15adc77b933b4c096bc3d4ff2d3d2370 Mon Sep 17 00:00:00 2001
From: Hunter <hunterliu1003@gmail.com>
Date: Thu, 7 Dec 2023 21:30:30 +0800
Subject: [PATCH] docs: scoped slots close

---
 docs/content/3.api/1.components/1.vue-final-modal.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/docs/content/3.api/1.components/1.vue-final-modal.md b/docs/content/3.api/1.components/1.vue-final-modal.md
index 2db0e948..1ff0a473 100644
--- a/docs/content/3.api/1.components/1.vue-final-modal.md
+++ b/docs/content/3.api/1.components/1.vue-final-modal.md
@@ -240,4 +240,16 @@ When set `:preventNavigationGestures="true"`{lang=ts}, there will be two invisib
 
 - The `default`{lang=ts} slot can be used to render the modal content.
 
+You can also use scoped slots to close modal, for example:
+
+```html
+<VueFinalModal>
+  <template #default="{ close }">
+    <button @click="() => close()">
+      Cancel
+    </button>
+  </template>
+</VueFinalModal>
+```
+
 - The `swipe-banner`{lang=ts} slot can be used to define the area that can be swipe to close