JSFiddle - React, Tailwind, and code Playground

by Nakul Kundra

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="container">
  <h2>Select User or Role>
  <form role="form">
    <div class="radio">
      <label><input type="radio" name="optradio">Option 1</label>
    </div>
    <div class="radio">
      <label><input type="radio" name="optradio">Option 2</label>
    </div>
    <div class="radio disabled">
      <label><input type="radio" name="optradio" disabled>Option 3</label>
    </div>
  </form>

<data-ng-form name="screenForm" novalidate data-ng-class="">
  <div id="add-usage-dialog">
    <fieldset class="fieldset-dialog">
      <legend></legend>
      <div class="row">
        <div class="col-md-12">
          <div class="form-group">
            <label class="control-label">Role</label>
            <div class="input-group">
              <input class="form-control" data-ng-model="data.dialogScreen.nameUsageType" data-xu-property="NameUsageType" name="NameUsageType" data-xu-select="data.dialogScreen.nameUsageTypes" data-xu-add-to-mandatory-fields="" />
            </div>
          </div>
        </div>
      </div>
    </fieldset>
  </div>

  <div class="modal-footer modal-footer-custom">
    <button type="button" class="btn btn-default" data-ng-click="success()" data-ng-disabled="isAnyDataFieldsUnDefined()">OK</button>
    <button type="button" class="btn btn-default" data-ng-click="cancel()">Cancel</button>
  </div>
</data-ng-form>