Naismith / react-click-away-listener

:paw_prints: ~500B React Click Away Listener built with React Hooks

~500B React Click Away Listener

Installation

yarn add react-click-away-listener

• It's quite small in size.
• It's built with TypeScript.
• It supports both Mouse and Touch Events.

Usage

import ClickAwayListener from 'react-click-away-listener';

const App = () => {
	const handleClickAway = () => {
		console.log('Hey, you can close the Popup now');
	};

	return (
		<div id="app">
			<ClickAwayListener onClickAway={handleClickAway}>
				<div> Some Popup, Nav or anything </div>
			</ClickAwayListener>
			<div id="rest-of-the-app">Don't name a div like that :(</div>
		</div>
	);
};

Examples

• A simple menu built with React Hooks

LICENSE

MIT