useClickOutside
Call a function when the user presses anywhere outside an element. Use it to close menus, popovers and dialogs.
- Level
- Basic
- Since
- v1.0.0
import {useClickOutside} from '@zenuilabs/react-hooks';Loading demo_
More in Events & DOM
Events & DOMIntermediateuseEventAttach an event listener to the window, the document, an element or a ref, and remove it on unmount. The listener can change on every render without re-subscribing.Events & DOMBasicuseHoverTrack whether the pointer is over an element. Use it for previews, tooltips and hover styles that need JavaScript.Events & DOMIntermediateuseIntersectionReport whether an element is on screen using IntersectionObserver. Use it for lazy loading, reveal animations and view tracking.