Add autoComplete option for the AutoComplete component Textfield

README.md

@@ -92,6 +92,7 @@ const items = [
 <AutoComplete
   label={'I will complete you'}
   items={items}
+  autoComplete="off"
   valueIndex={'id'}
   dataIndex={'name'}
 />

src/AutoComplete/AutoComplete.js

@@ -13,6 +13,7 @@ export default class AutoComplete extends Component {
 
   static propTypes = {
     align: PropTypes.string,
+    autoComplete: PropTypes.string,
     className: PropTypes.string,
     dataIndex: PropTypes.string.isRequired,
     disabled: PropTypes.bool,
@@ -76,7 +77,7 @@ export default class AutoComplete extends Component {
 
   render() {
     const {
-      align, className, dataIndex, disabled, error, floatingLabel,
+      align, autoComplete, className, dataIndex, disabled, error, floatingLabel,
       items, label, offset, readOnly, value, valueIndex,
     } = this.props
     const { focused, value: stateValue } = this.state
@@ -111,6 +112,7 @@ export default class AutoComplete extends Component {
       floatingLabel,
       label,
       readOnly: disabled,
+      autoComplete,
       ref: ref => this.input = ref,
       type: 'text',
       onChange: this.onTextfieldChange,

stories/AutoComplete.story.js

@@ -85,6 +85,25 @@ storiesOf('AutoComplete', module)
       disabled
     />
   ))
+  .add('autocomplete off', () => (
+    <div>
+      <span>Turn off browser autofill</span>
+      <StatefulAutoComplete
+        label={'First Name'}
+        items={items1}
+        valueIndex={'id'}
+        dataIndex={'name'}
+        autoComplete="off"
+      />
+      <span>Browser default behaviour</span>
+      <StatefulAutoComplete
+        label={'Last Name'}
+        items={items1}
+        valueIndex={'id'}
+        dataIndex={'name'}
+      />
+    </div>
+  ))
   .add('lots of values', () => (
     <StatefulAutoComplete
       label={'I will complete you'}