Commit cfe57e0

committed

docs: scoped slots close

1 parent e6ed697 commit cfe57e0Copy full SHA for cfe57e0

File tree

+12

-0

lines changed

+12

-0

lines changed

Lines changed: 12 additions & 0 deletions

Original file line number	Diff line number	Diff line change
@@ -240,4 +240,16 @@ When set `:preventNavigationGestures="true"`{lang=ts}, there will be two invisib
`240`	`240`
`241`	`241`	- The `default`{lang=ts} slot can be used to render the modal content.
`242`	`242`
	`243`	`+You can also use scoped slots to close modal, for example:`
	`244`	`+`
	`245`	+```html
	`246`	`+<VueFinalModal>`
	`247`	`+ <template #default="{ close }">`
	`248`	`+ <button @click="() => close()">`
	`249`	`+ Cancel`
	`250`	`+ </button>`
	`251`	`+ </template>`
	`252`	`+</VueFinalModal>`
	`253`	+```
	`254`	`+`
`243`	`255`	- The `swipe-banner`{lang=ts} slot can be used to define the area that can be swipe to close

Comments

(0)