JSFiddle - React, Tailwind, and code Playground

by Christopher McCulloh

HTML

<link rel="stylesheet" href="//www.fuelcdn.com/fuelux/3.5.1/css/fuelux.min.css">
<script src="http://fuelux-snippets.herokuapp.com/img/favicon.ico"></script>
<script src="//www.fuelcdn.com/fuelux/3.5.1/js/fuelux.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<script src="//www.fuelcdn.com/fuelux-utilities/1.0.0/js/fuelux-utilities.min.js"></script>
<body style="padding: 10px;" class="fuelux">
<div class="radio">
  <label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadio5">
    <input class="sr-only" name="radioEx2" type="radio" value="option1"> 1
  </label>
  <label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadio6">
    <input class="sr-only" checked="checked" name="radioEx2" type="radio" value="option2"> 2
  </label>
  <label class="radio-custom radio-inline" data-initialize="radio" id="myCustomRadio7">
    <input class="sr-only" disabled="disabled" name="radioEx2" type="radio" value="option3"> 3
  </label>
      </div>


</body>

CSS

body {
  padding: 20px;
}