use-hammer
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

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.

/use-hammer/

    Package Sidebar

    Install

    npm i use-hammer

    Weekly Downloads

    13

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    664 kB

    Total Files

    25

    Last publish

    Collaborators

    • seonhyung_jo