add input placeholder

Author: suweya

README.md

@@ -45,6 +45,7 @@ class Example extends Component {
 |   loading   |  bool  |        show loading flag        |
 |  className  | string |           class name            |
 |   values    | array  |         default values          |
+| placeholder | array  |        input placeholder        |
 
 ## License
 

src/index.d.ts

@@ -12,6 +12,7 @@ interface ReactCodeInputProps {
   values?: string[];
   disabled?: boolean;
   required?: boolean;
+  placeholder?: string[];
 }
 
 declare const ReactCodeInput: React.ComponentClass<ReactCodeInputProps>

src/index.js

@@ -25,7 +25,8 @@ export default class ReactCodeInput extends Component {
     className: PropTypes.string,
     values: PropTypes.arrayOf(PropTypes.string),
     disabled: PropTypes.bool,
-    required: PropTypes.bool
+    required: PropTypes.bool,
+    placeholder: PropTypes.arrayOf(PropTypes.string)
   };
 
   static defaultProps = {
@@ -35,7 +36,8 @@ export default class ReactCodeInput extends Component {
     fieldHeight: 54,
     autoFocus: true,
     disabled: false,
-    required: false
+    required: false,
+    placeholder: []
   };
 
   constructor(props) {
@@ -229,6 +231,7 @@ export default class ReactCodeInput extends Component {
               onFocus={this.onFocus}
               disabled={this.props.disabled}
               required={this.props.required}
+              placeholder={this.props.placeholder[index]}
             />
           ))}
         </div>