JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script src="https://rawgit.com/HBROficial/uploadHBR/master/dist/js/uploadHBR.min.js"></script>
<script src="https://rawgit.com/HBROficial/uploadHBR/master/dist/js/modernizr.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/HBROficial/uploadHBR/master/dist/css/style.min.css">
<div class="row">
<div class="col-md-12">
<div class="col-md-12 text-center">
<form role="form" action="/echo/html/" method="post" enctype="multipart/form-data">
<div class="row">
<div class="col-xs-12 col-md-12">
<div class="col-md-12 col-lg-12 col-xs-12" id="columns">
<h3 class="form-label">Select the images</h3>
<div class="desc"><p class="text-center">or drag to box</p></div>
<div id="uploads"><!-- Upload Content --></div>
</div>
<div class="clearfix"></div>
<button class="btn btn-danger btn-lg pull-left" id="reset" type="button" ><i class="fa fa-history"></i> Clear</button>
<button class="btn btn-primary btn-lg pull-right" type="submit" ><i class="fa fa-upload"></i> Upload </button>
</div>
</div>
</form>
</div>
</div>
</div>
JavaScript
$(document).ready(function () {
uploadHBR.init({
"target": "#uploads",
"max": 6,
"textNew": "ADD",
"textTitle": "Click here or drag to upload an imagem",
"textTitleRemove": "Click here remove the imagem"
});
$('#reset').click(function () {
uploadHBR.reset('#uploads');
});
});