0.1.1 • Published 4 years ago

react-hover-action-delay v0.1.1

Weekly downloads
2
License
ISC
Repository
github
Last release
4 years ago

react-hover-action-delay

React component to do action on hover after delay.

Installation

With npm :

npm install react-hover-action-delay

With yarn :

yarn add react-hover-action-delay

Usage

<HoverComponent
    timer={2000}
    action={yourAction}
    onMouseLeave={onMouseLeave}
    onMouseEnter={onMouseEnter}
>
    <button>click</button>
</HoverComponent>

with :

  • timer = time in ms (required)

  • action = function to call when timer ended (required)

  • onMouseEnter = function to call on mouse enter on the component

  • onMouseLeave = function to call on mouse leave the component