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