Add property for input class name.

ubilabs · Dec 17, 2015 · c43b91a · c43b91a
1 parent 694dd29
commit c43b91a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -65,6 +65,12 @@ Default: `''`
 
 Add an additional class to the geosuggest container.
 
+#### inputClassName
+Type: `String`
+Default: `''`
+
+Add an additional class to the input.
+
 #### disabled
 Type: `Boolean`
 Default: `false`

diff --git a/src/Geosuggest.jsx b/src/Geosuggest.jsx
@@ -15,6 +15,7 @@ const Geosuggest = React.createClass({
       placeholder: 'Search places',
       disabled: false,
       className: '',
+      inputClassName: '',
       location: null,
       radius: null,
       bounds: null,
@@ -341,7 +342,7 @@ const Geosuggest = React.createClass({
       <div className={'geosuggest ' + this.props.className}
           onClick={this.onClick}>
         <input
-          className="geosuggest__input"
+          className={'geosuggest__input ' + this.props.inputClassName}
           ref="geosuggestInput"
           type="text"
           value={this.state.userInput}