Skip to content

Commit 970b7a3

Browse files
committed
docs(use-click-outside): document array of targets via MaybeArray
1 parent 5de7c17 commit 970b7a3

1 file changed

Lines changed: 19 additions & 0 deletions

File tree

apps/docs/src/pages/composables/system/use-click-outside.md

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,25 @@ flowchart TD
5555
useClickOutside --> Popovers
5656
```
5757

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+
5877
## Options
5978

6079
| Option | Type | Default | Description |

0 commit comments

Comments
 (0)