JSFiddle - React, Tailwind, and code Playground

HTML

<div>
        <label for="radio1">RadioButton 1</label>
        <input type="radio" name="button_group_1" id="radio1" value="1">
    </div>
    <div>
        <label for="radio2">RadioButton 2</label>
        <input type="radio" name="button_group_1" id="radio2" value="2">
    </div>
    <div>
        <label for="radio3">RadioButton 3</label>
        <input type="radio" name="button_group_1" id="radio3" value="3">
    </div>
    <div>
        <label for="radio4">RadioButton 4</label>
        <input type="radio" name="button_group_1" id="radio4" value="4">
    </div>