Radio Group Component
The Radio Component allows users to select one option from a set of mutually exclusive choices.
Radio
<input type="radio" name="gender" class="form-radio" checked/>
<input type="radio" name="gender" className="form-radio" checked/>
Each radio button in a group shares the same name attribute, ensuring that only one button can be selected at a time.
Radio with Label
<div class="form-control">
<input type="radio" name="gender" id="male" class="form-radio" checked/>
<label for="male">Male</label>
</div>
<div class="form-control">
<input type="radio" name="gender" id="female" class="form-radio"/>
<label for="female">Female</label>
</div>
<div className="form-control">
<input type="radio" name="gender" id="male" className="form-radio" checked/>
<label for="male">Male</label>
</div>
<div className="form-control">
<input type="radio" name="gender" id="female" className="form-radio"/>
<label for="female">Female</label>
</div>