@rooks/use-outside-click
v4.11.2
Published
React hook for tracking clicks outside a ref
Downloads
6,962
Maintainers
Readme
@rooks/use-outside-click
Note: Future updates to this package have moved to the main package rooks. All hooks now reside in a single package which you can install using
npm install rooks
or
yarn add rooks
Rooks is completely treeshakeable and if you use only 1 of the 50+ hooks in the package, only that hook will be bundled with your code. Your bundle will only contain the hooks that you need. Cheers!
About
Outside click(for a ref) event as hook for React.
Installation
npm install --save @rooks/use-outside-click
Importing the hook
import useOutsideClick from "@rooks/use-outside-click";
Usage
function Demo() {
const pRef = useRef();
function outsidePClick() {
alert("Clicked outside p");
}
useOutsideClick(pRef, outsidePClick);
return (
<div>
<p ref={pRef}>Click outside me</p>
</div>
);
}
render(<Demo />);