Skip to content

SeonHyungJo/use-hammer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React useHammer Logo

React useHammer Hooks

NPM JavaScript Style Guide

Install

npm install --save use-hammer

Usage

import React from 'react'
import useHammer from 'use-hammer'

const Example = () => {
  const onHammer = useCallback(() => {
    console.log('Long Press')
  }, [])

  const [hammerDown, hammerUp] = useHammer({onHammer, second:300})
  return (
    <div className={"sample-div"} onMouseDown={()=> hammerDown()} onMouseUp={() => hammerUp()}/>
  )
}

API

useHammer

Prop Type Required Description
onHammer Function ✓ Execute onHammer Function
second number [Default:700ms] Millisecond

License

MIT © snyung


This hook is created using create-react-hook.