JSFiddle - React, Tailwind, and code Playground

by shriek

HTML

<script src="http://rniemeyer.github.io/KnockMeOut/Scripts/jquery.tmpl.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<!--ko template: {name: 'test', data: name, templateOptions:{modal:true}  } -->
<!-- /ko -->
<!--ko template: {name: 'test', data: last, templateOptions:{modal:false}  } -->
<!-- /ko -->
<script type="text/html" id="test">
    <p data-bind = "text:$data"> </p>
    <p data-bind="text: ${$item.modal}"></p >
</script>

JavaScript

var VM = {
    name: ko.observableArray(["Test"]),
    last: ko.observableArray(["for"])
};
ko.applyBindings(Object.create(VM));