JSFiddle - React, Tailwind, and code Playground

by Arnold Daniels

HTML

<link rel="stylesheet" href="http://jasny.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://jasny.github.io/bootstrap/assets/js/bootstrap.js"></script>
<a href="#addImageModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<div id="addImageModal" class="modal hide fade">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
         <h4>Add Drawing Image</h4>

    </div>
    <div class="modal-body">
        <div class="form-horizontal">
            <div class="control-group">
                <label class="control-label" for="inputDisplayName">Display Name</label>
                <div class="controls">
                    <input id="inputDisplayName" type="text" placeholder="">
                </div>
            </div>
            <div class="control-group">
                <div id="previewImage"></div>
            </div>
            <div class="control-group">
                <input type="file" name="files[]" multiple="">
            </div>
        </div>
    </div>
    <div class="modal-footer"> <a href="#" data-dismiss="modal" class="btn">Cancel</a>
        
    <a href="#" class="btn btn-primary btnUploadImage">Upload</a>

    </div>
</div>