Input fields

					
<div className={"form-input " + this.props.required}>
<label htmlFor={this.props.id}>{this.props.label}</label>
<input
id={this.props.id}
type={this.props.type}
name={this.props.name}
value={this.props.value}
placeholder={this.props.placeholder}
onChange={this.props.onChange}
/>
{this.props.error && <span className='help-block'>{this.props.error[0]}</span>}
</div>				

					
SCSS Style:

 border-bottom: 1px solid rgb(243, 243, 243);
      text-align: left;
      font-size: 15px;
      font-weight: bold;
      color: $deep-blue;
      outline: none;
      letter-spacing: 1px;
      flex-grow: 1;
      margin-left: 15px;
      border-left: none;
      border-right: none;
      border-top: none;