JSFiddle - React, Tailwind, and code Playground

by tnhu

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.min.js"></script>
<script type="template" name="uploadRow" id="test">
{{#each this}}
<div class="row">
  <div class="col s8">{{name}}</div>
  <div class="col s2">{{size}}</div>
  <div class="col s2">{{progress}}</div>
</div>
{{/each}}
</script>

JavaScript

var source = $("#test").html(); 
var template = Handlebars.compile(source); 

var data = [{name: "Tan Nhu", size:50, progress: 0}];

$('body').append(template(data));