{"library":"v-click-outside","type":"library","category":null,"description":"v-click-outside is a Vue.js directive that enables developers to detect and react to click events originating outside of a specific HTML element. This functionality is crucial for implementing UI patterns such as closing dropdown menus, modals, and context menus when a user clicks anywhere else on the page. The current stable version is 3.2.0. The package maintains an irregular release cadence, typically driven by bug fixes, dependency updates, and minor enhancements. A key differentiator of v-click-outside is its design to detect outside clicks without intrinsically halting event propagation, offering greater flexibility for developers managing complex event flows. It also supports configuration for various event types (e.g., 'click', 'dblclick'), detection of clicks within iframes, and the option to use the capture phase for event listeners.","language":"javascript","status":"active","version":"3.2.0","tags":["javascript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install v-click-outside","imports":["import vClickOutside from 'v-click-outside'","import vClickOutside from 'v-click-outside'; /* then in component: directives: { clickOutside: vClickOutside.directive } */","import { directive } from 'v-click-outside'; const { bind, unbind } = directive;"]},{"cmd":"yarn add v-click-outside","imports":[]},{"cmd":"pnpm add v-click-outside","imports":[]}],"homepage":null,"github":"https://github.com/ndelvalle/v-click-outside","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/v-click-outside","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/v-click-outside/compatibility"}}