JSFiddle - React, Tailwind, and code Playground

by Christopher McCulloh

HTML

<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>
<link rel="stylesheet" href="//www.fuelcdn.com/fuelux/3.5.1/css/fuelux.min.css">
<body style="padding: 10px;" class="fuelux">
<form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>Form Name</legend>

    <div class="control-group">
  <label class="control-label" for="singlebutton"></label>
  <div class="controls">
    <button id="singlebutton" name="singlebutton" class="btn"><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span> Travis CI</button>
  </div>
</div>
    
<!-- Button -->
<div class="control-group">
  <label class="control-label" for="singlebutton"></label>
  <div class="controls">
    <button id="singlebutton" name="singlebutton" class="btn btn-info"><span class="glyphicon glyphicon-file" aria-hidden="true"></span> Release Notes</button>
  </div>
</div>

<!-- Button -->
<div class="control-group">
  <label class="control-label" for="singlebutton"></label>
  <div class="controls">
    <button id="singlebutton" name="singlebutton" class="btn btn-danger disabled"><span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span> Release 3.7.0</button>
    <span class="glyphicon glyphicon-remove" aria-hidden="true" style="color: red;"></span> Release 3.6.2 First
    </div>

</div>

</fieldset>
</form>






</body>