JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input type="hidden" name="field">
    <div id="fieldwrap">
        <input type="radio" name="field" value="A" id="field_A">
        <label for="field_A">A field</label>
        <input type="radio" name="field" value="B" id="field_B">
        <label for="field_B">B field</label>
        <input type="radio" name="field" value="C" id="field_C">
        <label for="field_C">C field</label>            
    </div>
</form>

CSS

label {
    display: inline-block;
    margin: 0px 5px;
}

JavaScript

$(document).ready(function() {
   $("#fieldwrap").buttonset(); 
});