We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 5de7c17 commit 970b7a3Copy full SHA for 970b7a3
1 file changed
apps/docs/src/pages/composables/system/use-click-outside.md
@@ -55,6 +55,25 @@ flowchart TD
55
useClickOutside --> Popovers
56
```
57
58
+## Multiple Targets
59
+
60
+Pass an array of refs to ignore clicks inside any of them:
61
62
+```ts
63
+import { useClickOutside } from '@vuetify/v0'
64
+import { useTemplateRef } from 'vue'
65
66
+const trigger = useTemplateRef('trigger')
67
+const panel = useTemplateRef('panel')
68
69
+// Clicks inside EITHER trigger or panel are ignored
70
+useClickOutside([trigger, panel], () => {
71
+ console.log('Clicked outside both elements')
72
+})
73
+```
74
75
+The `target` parameter accepts `MaybeArray<ClickOutsideTarget>` — a single ref/getter or an array of refs/getters.
76
77
## Options
78
79
| Option | Type | Default | Description |
0 commit comments