JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1532
  • Score
    100M100P100Q108534F
  • License MIT

A press and hold wrapper component that can trigger hold action multiple times while holding down.

Package Exports

  • react-repeatable

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-repeatable) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-repeatable build status Coverage Status

NPM

A press and hold wrapper component that can trigger hold action multiple times while holding down.

Demo: https://cheton.github.io/react-repeatable

Installation

npm install --save react-repeatable

Usage

<Repeatable
    style={{ display: 'inline-block' }}
    repeatDelay={500}
    repeatInterval={32}
    onPress{(event) => {
        // Callback fired when the mousedown or touchstart event is triggered.
    }}
    onHoldStart={() => {
        // Callback fired once before the first hold action.
    }}
    onHold={() => {
        // Callback fired mutiple times while holding down.
    }}
    onHoldEnd={() => {
        // Callback fired once after the last hold action.
    }}
    onRelease={(event) => {
        // Callback fired when the mouseup, touchcancel, or touchend event is triggered.
    }}
>
    <button type="button">
        Press Me
    </button>
</Repeatable>

API

Properties

Name Type Default Description
repeatDelay Number 500 The time (in milliseconds) to wait before the first hold action is being triggered.
repeatInterval Number 32 The time interval (in milliseconds) on how often to trigger a hold action.
repeatCount Number The number of times the hold action will take place.
onPress Function(event) Callback fired when the mousedown or touchstart event is triggered.
onHoldStart Function() Callback fired once before the first hold action.
onHold Function() Callback fired mutiple times while holding down.
onHoldEnd Function() Callback fired once after the last hold action.
onRelease Function(event) Callback fired when the mouseup, touchcancel, or touchend event is triggered.

License

MIT