JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-darkness/jquery-ui.css">
<div id="radio">
        <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
        <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
        <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
    </div>

JavaScript

$(function() {
$( "#radio" ).controlgroup();
    //$( "#radio" ).buttonset("option", "icons", {primary: "ui-icon-heart"} );
    $( "#radio1" ).button( "option", "icons", {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} );
    $( "#radio2" ).button( "option", "icons", {primary: "ui-icon-locked"} );
    $( "#radio2" ).button( "option", "icons", {primary: "ui-icon-locked"} );
    $( "#radio3" ).button({ icons: { primary: "ui-icon-heart",  }, text: false});    
    
});