1.0.2 • Published 3 years ago

@gitgw/use-hover v1.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

@gitgw/use-hover

React Hook to detect a hover on an any React Element.

Installation

npm

npm i @gitgw/use-hover

yarn

yarn add @gitgw/use-hover

Usage

import React from "react";
import useHover from "@gitgw/use-hover";

function App() {

  const onHover = ()=>{
    console.log("OnHover");
  }

  const markedRef = useHover(onHover);
  
  return (
    <div className="App">
      <div ref={markedRef}>Hello</div>
    </div>
  );
}

Arguments

ArgumentTypeDescriptionRequired
onHoverFunctionFunction to be called when the element is hoveredyes

Return

Return valueTypeDescriptionDefault value
refReact refA React ref listening to the hover event, add it to any elementnull