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

🔨 use-hammer : React Long Press Event
https://github.com/seonhyungjo/use-hammer

hammer hooks longpress react

Last synced: over 1 year ago
JSON representation

🔨 use-hammer : React Long Press Event

• Host: GitHub
• URL: https://github.com/seonhyungjo/use-hammer
• Owner: SeonHyungJo
• Created: 2020-01-27T07:52:28.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T02:28:39.000Z (over 3 years ago)
• Last Synced: 2025-03-26T08:34:20.319Z (over 1 year ago)
• Topics: hammer, hooks, longpress, react
• Language: JavaScript
• Homepage: https://seonhyungjo.github.io/use-hammer/
• Size: 3.41 MB
• Stars: 2
• Watchers: 0
• Forks: 1
• Open Issues: 38
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


    

React useHammer Hooks




[![NPM](https://img.shields.io/npm/v/use-hammer.svg)](https://www.npmjs.com/package/use-hammer) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)



## Install

```bash

npm install --save use-hammer

```

## Usage

```tsx

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 (

    
 hammerDown()} onMouseUp={() => hammerUp()}/>

  )

}

```


## API

### `useHammer`

| Prop | Type | Required | Description |

| :--- | :--- | :------: | :---------- |

| `onHammer` | Function |    ✓     | Execute onHammer Function |

| `second` | number | | [Default:700ms] Millisecond |

## License

MIT © [snyung](https://github.com/snyung)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).