JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<span name="field"></span>
<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();
});