SeonHyungJo / use-hammer

🔨 use-hammer : React Long Press Event

Home Page:https://seonhyungjo.github.io/use-hammer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

🔨 use-hammer : React Long Press Event

https://seonhyungjo.github.io/use-hammer/


Languages

Language:JavaScript 42.8%Language:TypeScript 41.0%Language:HTML 12.3%Language:CSS 3.9%