Add type to propTypes, update readme

Author: cezary

README.md

@@ -2,6 +2,9 @@
 
 Compares images, inspired by Github's [image diff view modes](https://github.com/blog/817-behold-image-view-modes).
 
+![](public/img/demo-fade.gif)
+![](public/img/demo-swipe.gif)
+
 ## Installation
 
 ```
@@ -12,7 +15,7 @@ npm install react-image-diff
 
 http://cezary.github.io/react-image-diff/
 
-## Example
+## Usage
 
 ```javascript
 import React from 'react';
@@ -27,6 +30,15 @@ class Component extends React.Component {
 }
 ```
 
+### Props
+
+* after: string - url to after image
+* before: string - url to before image
+* height: number - height in pixels
+* width: number - width in pixels
+* type: string - type of image comparison (difference, fade, or swipe)
+* value: number - decimal fraction used to compute transition between before and after images
+
 ## License
 
 MIT

dist/react-image-diff.js

@@ -87,6 +87,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	      after: _react2['default'].PropTypes.string.isRequired,
 	      before: _react2['default'].PropTypes.string.isRequired,
 	      height: _react2['default'].PropTypes.number,
+	      type: _react2['default'].PropTypes.string.isRequired,
 	      value: _react2['default'].PropTypes.number,
 	      width: _react2['default'].PropTypes.number
 	    },

index.html

@@ -115,16 +115,16 @@ <h1>react-image-diff</h1>
           />
           <br/>
           <label>
-            <input name='type' type='radio' value='difference' onChange={this.handleRadioChange} />
-            difference
+            <input name='type' type='radio' value='swipe' onChange={this.handleRadioChange} />
+            swipe
           </label>
           <label>
             <input name='type' type='radio' value='fade' onChange={this.handleRadioChange} defaultChecked />
             fade
           </label>
           <label>
-            <input name='type' type='radio' value='swipe' onChange={this.handleRadioChange} />
-            swipe
+            <input name='type' type='radio' value='difference' onChange={this.handleRadioChange} />
+            difference
           </label>
         </div>
       );

lib/bg.png

@@ -8,6 +8,7 @@ export default class ImageDiff extends Component {
     after: React.PropTypes.string.isRequired,
     before: React.PropTypes.string.isRequired,
     height: React.PropTypes.number,
+    type: React.PropTypes.string.isRequired,
     value: React.PropTypes.number,
     width: React.PropTypes.number
   };

lib/react-image-diff.js

@@ -1,6 +1,6 @@
 {
   "name": "react-image-diff",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Highlight differences between images",
   "main": "dist/react-image-diff.js",
   "scripts": {