JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

<div class="ui-widget-content">
<button>Button 1</button>
<button>Button 2</button>
<div id="radio">
  <input type="radio" name="radio1" id="radio1-ABC" value="ABC"/>
  <label for="radio1-ABC">ABC</label>
  <input type="radio" name="radio1" id="radio1-DEF" value="DEF"/>
  <label for="radio1-DEF">DEF</label>
  <input type="radio" name="radio1" id="radio1-GHIJK" value="GHIJK"/>
  <label for="radio1-GHIJK">GHIJK</label>
  <input type="radio" name="radio1" id="radio1-LM" value="LM"/>
  <label for="radio1-LM">LM</label>
</div>
<button>Button 3</button>
</div>

CSS

body>div {
  display: inline-block;
  padding: 1em;
  max-width: 50em;
}
button {
  width: 100%;
}
.ui-button, .ui-buttonset {
  margin-right: 0;
}

JavaScript

$('button').button();
$('#radio').buttonset();