JSFiddle - React, Tailwind, and code Playground

by klaus triendl

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://www.jsviews.com/download/jsviews.js"></script>
<script src="https://www.jsviews.com/download/sample-tag-controls/jsviews-jqueryui-widgets.js"></script>
<script id="tagTemplate" type="text/x-jsrender">
<div>{^{checkbox v label='checkbox widget'/}}</div>
<div><input type="checkbox" data-link="v" />regular checkbox</div>
<div>{^{:v}}</div>
</script>

<div id="tag-container">
</div>

JavaScript

$.templates('tag', '#tagTemplate');

$.link.tag('#tag-container', { v: false, disabled: false });