diff --git a/src/js/input.jsx b/src/js/input.jsx
index f12d08323137d8..c181e59ceee706 100644
--- a/src/js/input.jsx
+++ b/src/js/input.jsx
@@ -8,10 +8,12 @@ var Input = React.createClass({
propTypes: {
multiline: React.PropTypes.bool,
required: React.PropTypes.bool,
+ autocomplete: React.PropTypes.bool,
inlinePlaceholder: React.PropTypes.bool,
min: React.PropTypes.number,
max: React.PropTypes.number,
step: React.PropTypes.number,
+ rows: React.PropTypes.number,
inputStyle: React.PropTypes.string,
error: React.PropTypes.string,
description: React.PropTypes.string,
@@ -27,7 +29,7 @@ var Input = React.createClass({
getInitialState: function() {
return {
value: this.props.defaultValue,
- rows: 1
+ rows: this.props.rows
};
},
@@ -53,17 +55,19 @@ var Input = React.createClass({
'mui-text': this.props.type === 'text',
'mui-error': this.props.error !== undefined && this.props.error !== null
}),
+ autocomplete = this.props.autocomplete ? "on" : "off",
placeholder = this.props.inlinePlaceholder ? this.props.placeholder : "",
inputElement = this.props.multiline ?
this.props.valueLink ?
:
+ rows={this.state.rows} autoComplete={autocomplete} /> :
:
+ placeholder={placeholder} rows={this.state.rows} onChange={this._onTextAreaChange}
+ onBlur={this._onInputBlur} autoComplete={autocomplete} /> :
this.props.valueLink ?
- :
+ :
+ onChange={this._onInputChange} onBlur={this._onInputBlur} autoComplete={autocomplete} />
placeholderSpan = this.props.inlinePlaceholder ? null : {this.props.placeholder};