Socket
Socket
Sign inDemoInstall

react-swiper

Package Overview
Dependencies
10
Maintainers
1
Versions
6
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.0 to 0.1.1

2

package.json
{
"name": "react-swiper",
"version": "0.1.0",
"version": "0.1.1",
"description": "Detects and triggers touch events for swiping such as onSwipeLeft, onSwipeDown, etc. with ReactJS",

@@ -5,0 +5,0 @@ "main": "Swiper.js",

@@ -108,4 +108,76 @@ react-swiper

## Properties
### `tagName`
**Type** `String`
**Default** `"div"`
Specifies what type of element the `Swiper` component should be rendered as. See `component` below as well.
### `component`
**Type** `ReactComponent`
**Default** `undefined`
Specifies what component `Swiper` should be rendered as. See `tagName` above as well. If both `tagName` and `component` are specified the later takes precedence.
### `onSwipe`
**Type** `Function(event)`
**Default** `undefined`
If provided it's called on all swipes.
Example `event`:
```javascript
{
type: String, // The type of swipe, e.g. "swipeLeft", "swipeUp" or "swipeDownRight"
timeStampStart: Date, // Timestamp for when the swipe was initiated
timeStampEnd: Date, // Timestamp for when the swipe was finished,
initialTouch: Touch, // A Touch object for the initial touch position - https://developer.mozilla.org/en-US/docs/Web/API/Touch
finalTouch: Touch, // A Touch object for the final touch position
}
```
### `onSwipe<direction>`
**Direction** `Up`, `UpRight`, `Right`, `DownRight`, `Down`, `DownLeft`, `Left` and `UpLeft`
**Type** `Function(event)`
**Default** `undefined`
If provided it's called with a swipe event (see example in `onSwipe` above) for a swipe in the wanted direction.
E.g. `onSwipeUp` is called for swipes in the up direction.
## `minSwipeLength`
**Type** `Number`
**Default** `75`
The minimum swipe length that's required for a swipe event to be triggered.
## `moveThreshold`
**Type** `Number`
**Default** `10`
The minimum move length in one direction to be considered as the swipe direction, this also affects the required velocity in which the swipe must occur.
## License
MIT
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc