Negotiable Paleobotanist Missions

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

    4.11.2 • Public • Published

    @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!

    TitleCard

    Build Status

    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 />);

    Install

    npm i @rooks/use-outside-click

    DownloadsWeekly Downloads

    3,221

    Version

    4.11.2

    License

    MIT

    Unpacked Size

    8.46 kB

    Total Files

    13

    Last publish

    Collaborators

    • avatar