Radio Button Input field in Redux Form

javascript Share on :

To add radio buttons input fields on your redux form you need to pass radio to type attribute of Field and provide the same value to name attribute.

<div>
    <label>Choose Color</label>
    <div>
        <label>
            <Field name="color_selection" component="input" type="radio" value="green" />
            <span>Green</span>
        </label>
        <label>
            <Field name="color_selection" component="input" type="radio" value="red" />
            <span>Red</span>
        </label>
        <label>
            <Field name="color_selection" component="input" type="radio" value="blue" />
            <span>blue</span>
        </label>
    </div>
</div>

Best JSON Validator, JSON Tree Viewer, JSON Beautifier at same place. Check how cool is the tool

Was this helpful?

Created by :

@

Write your Comment

0 Comments

🤔 Similar code snippets

Email Validation on Field Redux Form
Apply required field validation on redux form fields
Apply multiple validation on same field redux form
Enter only number field validation redux form
Add Input fields in Redux Form
Create a simple Login Form using Redux Form
Call custom method on form submit redux form