redux-form-input-toggle

Redux Form Toggle Input

####By: Dman89

###How To Use:

		npm install -S redux-form-toggle-input

####React Example

import InputToggle from 'redux-form-toggle-input';

...

<InputToggle label={userInput.value} placeholder={"Enter Email Here by Clicking on the Text"} labelClassName={"Example-Class-Name"}>
	<input type="email" className="form-control" {...userInput}/>
</InputToggle>

####Redux-Form Example

import InputToggle from 'redux-form-toggle-input';

...

<InputToggle label={userInput.value} placeholder={"Enter Email Here by Clicking on the Text"} labelClassName={"Example-Class-Name"}>
	<input type="email" className="form-control" {...userInput}/>
</InputToggle>

Whole File Example:

import React, {Component} from 'react';
import { reduxForm } from 'redux-form';
import InputToggle from 'redux-form-toggle-input';
class Welcome extends Component {
	render() {
		const { handleSubmit, fields: {userInput}} = this.props;
		return (
			<form className="Signin">
				<fieldset className="form-group emailInput">
					<label>Email:</label>
					<InputToggle label={userInput.value} placeholder={"Enter Email Here by Clicking on the Text"} labelClassName={"Example-Class-Name"}>
            <input type="email" className="form-control" {...userInput}/>
          </InputToggle>
				</fieldset>
			</form>
		)
	}
}

export default reduxForm({
	form: 'userForm',
	fields: ['userInput']
})(Welcome);

###Installation to Contribute:

	> git clone [e-mail]:DMan89/redux-form-input-toggle.git
	> cd react-input-toggle
	> npm install
	> npm start