swipe-react - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

package.json

 {
   "name": "swipe-react",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Easy integration!!! Easily add touch devices support (smartphones, tablets) to your react components, with swipe direction detection.",
@@ -5,0 +5,0 @@ "main": "main.js",

README.md

@@ -40,1 +40,55 @@ # swipe-react
 ```
+
+# Example
+```javascript
+import React, { Component } from 'react';
+import SwipeReact from 'swipe-react';
+
+class App extends Component {
+  constructor(props){
+    super(props);
+    this.state = {
+      content: 'Swipe here!'
+    };
+    SwipeReact.config({
+      left: () => {
+        this.setState({
+          content: 'left direction detected.'
+        });
+      },
+      right: () => {
+        this.setState({
+          content: 'right direction detected.'
+        });
+      },
+      up: () => {
+        this.setState({
+          content: 'up direction detected.'
+        });
+      },
+      down: () => {
+        this.setState({
+          content: 'down direction detected.'
+        });
+      }
+    });
+  }
+  render() {
+    let styles = {
+      height: '400px',
+      fontSize: '34px',
+      textAlign: 'center'
+    };
+    return (
+      <div {...SwipeReact.events} tabIndex="1" style={styles}>
+        {this.state.content}
+      </div>
+    );
+  }
+}
+
+export default App;
+```
+
+### Remarks
+* You need to test it on a touch screen device, or open Smartphone/Tablet mode on Chrome Developer Tools.

No alert changes

Improved metrics

Total package byte prevSize

7729

increased by16.51%

Number of lines in readme file

94

increased by135%

No dependency changes