TextInput.js

return (<li className='control-group'>
	{this.props.settings.required.includes(this.props.name) && !this.props.settings[this.props.name] ?
		<label className={labelLayout}>{this.props.label} <span className='required'>(*required)</span></label>
		:
		<label className={labelLayout}>{this.props.label}</label>
	}
	{optional}
	<input className={inputLayout} type="text"
		   placeholder={this.props.placeHolder}
		   name={this.props.name}
		   onChange={this.props.handleChange}
		   value={this.props.settings[this.props.name]} />
</li>)