redux-form-input-toggle
v1.1.5
Published
Angular like toggle for inputs in react without making your own component and logic.
Downloads
8
Maintainers
Readme
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 [email protected]:DMan89/redux-form-input-toggle.git
> cd react-input-toggle
> npm install
> npm start