@rooks/use-outside-click-ref
TypeScript icon, indicating that this package has built-in type declarations

4.11.2 • Public • Published

@rooks/use-outside-click-ref

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!

TitleCard

Build Status

About

A hook that can track a click event outside a ref. Returns a callbackRef.

Installation

npm install --save @rooks/use-outside-click-ref

Importing the hook

import useOutsideClickRef from "@rooks/use-outside-click-ref"

Usage

function Demo() {
  function outsidePClick() {
    alert("Clicked outside p");
  }
  const [ref] = useOutsideClickRef(outsidePClick);
  return (
    <div>
      <p ref={ref}>Click outside me</p>
    </div>
  );
}

render(<Demo/>)

Package Sidebar

Install

npm i @rooks/use-outside-click-ref

Weekly Downloads

960

Version

4.11.2

License

MIT

Unpacked Size

8.92 kB

Total Files

13

Last publish

Collaborators

  • imbhargav5