2015-11-08 01:38:26 +03:00
|
|
|
class InputTest extends React.Component {
|
|
|
|
state = { name: '', phone: '', email: '' };
|
|
|
|
|
|
|
|
handleChange = (name, event) => {
|
|
|
|
const newState = {};
|
|
|
|
newState[`${name}`] = event.target.value;
|
|
|
|
this.setState(newState);
|
|
|
|
};
|
|
|
|
|
|
|
|
render () {
|
|
|
|
return (
|
|
|
|
<section>
|
2015-11-18 11:23:08 +03:00
|
|
|
<Input type='text' label='Name' name='name' value={this.state.name} onChange={this.handleChange.bind(this, 'name')} maxLength={16 } />
|
2015-11-08 01:38:26 +03:00
|
|
|
<Input type='text' label='Disabled field' disabled />
|
|
|
|
<Input type='email' label='Email address' icon='email' />
|
|
|
|
<Input type='tel' label='Phone' name='phone' icon='phone' value={this.state.withIcon} onChange={this.handleChange.bind(this, 'phone')} />
|
|
|
|
</section>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2015-11-01 10:41:40 +03:00
|
|
|
|
|
|
|
return <InputTest />;
|