Use Double Click Hook

A React hook to detect double clicks.

✨ View Demo ➔

Installation

Using npm:

npm install use-double-click-hook

Using yarn:

yarn add use-double-click-hook

Using pnpm:

pnpm add use-double-click-hook

Usage

import { useDoubleClick } from 'use-double-click-hook';

const MyComponent = () => {
  const handleClick = useDoubleClick({
    onDoubleClick: () => {
      console.log('Double click detected!');
    }
  });

  return <div onClick={handleClick}>Double Click Me</div>;
};

Options

parameter	type	default	description	required
onSuccess	function	() => {}	A function to be called when a double click is detected.	Yes
delay	number	300	The delay in milliseconds between the first and second click.	No

License

MIT License