JSFiddle - React, Tailwind, and code Playground

by faissal_aboullait

HTML

<link rel="stylesheet" href="http://themicon.co/theme/angle/v2.3/backend-jquery/app/css/app.css">
<script src="http://themicon.co/theme/angle/v2.3/backend-jquery/vendor/parsleyjs/dist/parsley.min.js"></script>
<script src="http://themicon.co/theme/angle/v2.3/backend-jquery/vendor/jquery/dist/jquery.js"></script>
<script src="http://themicon.co/theme/angle/v2.3/backend-jquery/vendor/modernizr/modernizr.js"></script>
<script src="http://themicon.co/theme/angle/v2.3/backend-jquery/vendor/bootstrap/dist/js/bootstrap.js"></script>
<form action="#" data-parsley-validate="" novalidate="" class="form-horizontal">
                     <!-- START panel-->
                     <div class="panel panel-default">
                        <div class="panel-heading">
                           <div class="panel-title">Fields validation</div>
                        </div>
                        <div class="panel-body">
                           <h4>Type validation</h4>
                           <fieldset>
                              <div class="form-group">
                                 <label class="col-sm-2 control-label">Required Text</label>
                                 <div class="col-sm-6">
                                    <input data-parsley-id="7259" name="required" required="required" class="form-control" type="text"><ul id="parsley-id-7259" class="parsley-errors-list"></ul>
                                 </div>
                              </div>
                           </fieldset>

                        </div>
                        <div class="panel-footer text-center">
                           <button type="submit" class="btn btn-info">Run validation</button>
                        </div>
                     </div>
                     <!-- END panel-->
                  </form>