From c6a7b5ba3af3afe0ed5897cd8a6f2a8f40f6d04f Mon Sep 17 00:00:00 2001
From: rubenmoya <rmoyarodriguez@gmail.com>
Date: Mon, 29 Jan 2018 20:17:46 +0100
Subject: [PATCH] Handle onChange in errored input in docs

---
 .../layout/main/modules/examples/input_example_1.txt          | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/app/components/layout/main/modules/examples/input_example_1.txt b/docs/app/components/layout/main/modules/examples/input_example_1.txt
index c16db922..89865b2a 100644
--- a/docs/app/components/layout/main/modules/examples/input_example_1.txt
+++ b/docs/app/components/layout/main/modules/examples/input_example_1.txt
@@ -1,5 +1,5 @@
 class InputTest extends React.Component {
-  state = { name: '', phone: '', multiline: '', email: '', hint: '', label: '' };
+  state = { name: '', phone: '', multiline: '', email: '', hint: '', label: '', error: '' };
 
   handleChange = (value, ev) => {
     this.setState({[ev.target.name]: value});
@@ -16,7 +16,7 @@ class InputTest extends React.Component {
         <Input type='tel' label='Phone' name='phone' icon='phone' value={this.state.phone} onChange={this.handleChange} />
         <Input type='text' name='hint' value={this.state.hint} label='Required Field' hint='With Hint' required onChange={this.handleChange} icon='share' />
         {/* Just an example. Defining functions in a property, such as onClick, is a bad idea: */}
-        <Input type='text' label='error' error={<span>Error!! <a href="#!" onClick={e => { e.preventDefault(); console.log('some help'); }}>?</a></span>} />
+        <Input type='text' value={this.state.error} name="error" onChange={this.handleChange.bind(this, 'error')} label='error' error={<span>Error!! <a href="#!" onClick={e => { e.preventDefault(); console.log('some help'); }}>?</a></span>} />
       </section>
     );
   }