use-outside-click
v4.7.0arrow_drop_downv4.7.0
STATUS
Passing
DOWNLOADS
539
VISIBILITY
Public
PUBLISHED
6 years ago
SIZE
N/A
1 contributor
Like
Install use-outside-click as a package?
Copied
npm i @bit/giladshoham.react-hooks.use.use-outside-click
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
and packages in Bit or NPM to the example. any of the 1 million componentstoggle layout
chevron_left
chevron_right
useOutsideClick
React UI hook that triggers a callback when user clicks outside the target element.
Usage
import {useOutsideClick} from 'react-use';
const Demo = () => {
const ref = useRef(null);
useOutsideClick(ref, () => {
console.log('OUTSIDE CLICKED');
});
return (
<div ref={ref} style={{
width: 200,
height: 200,
background: 'red',
}} />
);
};