JSFiddle - React, Tailwind, and code Playground

by simonech

HTML

<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>



</head>
<body>

    Via data-* attributes
<div data-role="controlgroup" data-type="horizontal">
  <a href="#" data-role="button">Yes</a>
  <a href="#" data-role="button">No</a>
  <a href="#" data-role="button">Maybe</a>
</div>
    <hr/>
    
    Via API
<div id="mycontrolgroup">
  <a href="#" data-role="button">Yes</a>
  <a href="#" data-role="button">No</a>
  <a href="#" data-role="button">Maybe</a>
</div>
    
    <script>
        $("#mycontrolgroup").controlgroup({mini: true, type: 'horizontal'});
    </script>
    
</body>
</html>