docs: scoped slots close

vue-final · Dec 7, 2023 · cfe57e0 · cfe57e0
1 parent e6ed697
commit cfe57e0
Showing 1 changed file with 12 additions and 0 deletions.
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
@@ -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