Merge pull request #47 from Detaysoft/maxlength

Maxlength prop added.

Author: abdurrahmanekr

README.md

@@ -242,6 +242,7 @@ this.refs.input.clear();
 | leftButtons | none | object(component) | left buttons component |
 | rightButtons | none | object(component) | right buttons component |
 | inputRef | none | function | input or textarea ref |
+| maxlength | none | int | input or textarea maxlength |
 
 
 ## Button Component

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-chat-elements",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Reactjs chat components",
   "author": "Avare Kodcu <abdurrahmaneker58@gmail.com>",
   "main": "dist/main.js",

src/Input/Input.js

@@ -13,6 +13,9 @@ export class Input extends Component {
     }
 
     onChange(e) {
+        if (this.props.maxlength && (e.target.value || '').length > this.props.maxlength)
+            return;
+
         this.setState({
             value: e.target.value
         });
@@ -123,6 +126,7 @@ Input.defaultProps = {
     autoHeight: true,
     inputStyle: null,
     inputRef: null,
+    maxlength: null,
 };
 
 export default Input;