JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/cupertino/jquery-ui.css">
<nav id="group-menu" class="menu" data-bind="template: 'menuGroupTemplate'">
<div id="menu1">
<input type="radio" id="radio1" name="radio" /><label for="radio1">Summary</label>
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Category 1</label>
<input type="radio" id="radio3" name="radio" /><label for="radio3">Category 2</label>
</div>
</nav>
CSS
nav {
width: 10%;
display: table;
}
#menu1 {
display: table-row;
}
#menu1 > label {
display: table-cell;
}
JavaScript
$('#menu1').buttonset();