JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fjan.eu/jquery-ui-1.9.0.custom.fix6063.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.19/themes/base/jquery-ui.css">
<!-- dont forget to include the fix: -->
<!--script src="http://fjan.eu/jquery-ui-1.9.0.custom.fix6063.js"></script-->
<div class="test-case">
    <h1>Buttonsets:</h1>
    <div class="buttonset-case">
        Radio / fix:
        <label title="Radio #f/1">Rad #f/1<input checked="checked" type="radio" name="radio-test" value="value-1"/></label>
        <label title="Radio #f/2">Rad #f/2<input type="radio" name="radio-test" value="value-2"/></label>
        <label title="Radio #f/3">Rad #f/3<input type="radio" name="radio-test" value="value-3"/></label>
    </div>
    <div class="buttonset-case">
        Radio / original:
        <input id="radio-orig-1" checked="checked" type="radio" name="radio-test-orig" value="value-1"/>
        <label title="Radio #o/1" for="radio-orig-1">Rad #o/1</label>
        <input id="radio-orig-2" type="radio" name="radio-test-orig" value="value-2"/>
        <label title="Radio #o/2" for="radio-orig-2">Rad #o/2</label>
        <input id="radio-orig-3" type="radio" name="radio-test-orig" value="value-3"/>
        <label title="Radio #o/3" for="radio-orig-3">Rad #o/3</label>
    </div>

</div>

CSS

h1{
    font-weight: bold;
    margin: 10px;
}

JavaScript

$('.test-case .buttonset-case').buttonset();
$('.test-case .button-case input').button();