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>

Code faster with devsheet chrome extension and increase productivity as a programmer

search code from your favorite search engine instantly.

Install Now

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