diff --git a/packages/core/onClickOutside/component.ts b/packages/core/onClickOutside/component.ts
index b976d48583a..712c311d41e 100644
--- a/packages/core/onClickOutside/component.ts
+++ b/packages/core/onClickOutside/component.ts
@@ -1,16 +1,21 @@
 import { defineComponent, h, ref } from 'vue-demi'
 import { onClickOutside } from '@vueuse/core'
 import type { RenderableComponent } from '../types'
+import type { OnClickOutsideOptions } from '.'
 
-export const OnClickOutside = defineComponent<RenderableComponent>({
+export interface OnClickOutsideProps extends RenderableComponent {
+  options?: OnClickOutsideOptions
+}
+
+export const OnClickOutside = defineComponent<OnClickOutsideProps>({
   name: 'OnClickOutside',
-  props: ['as'] as unknown as undefined,
+  props: ['as', 'options'] as unknown as undefined,
   emits: ['trigger'],
   setup(props, { slots, emit }) {
     const target = ref()
     onClickOutside(target, (e) => {
       emit('trigger', e)
-    })
+    }, props.options)
 
     return () => {
       if (slots.default)
diff --git a/packages/core/onClickOutside/index.md b/packages/core/onClickOutside/index.md
index 428bf0389f9..bbef152d26d 100644
--- a/packages/core/onClickOutside/index.md
+++ b/packages/core/onClickOutside/index.md
@@ -39,7 +39,7 @@ export default {
 ## Component Usage
 
 ```html
-<OnClickOutside @trigger="count++">
+<OnClickOutside @trigger="count++" :options="{ ignore: [/* ... */] }">
   <div>
     Click Outside of Me
   </div>