JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
JavaScript
($) {
$.fn.enyo = function(kind) {
var f = enyo.constructorForKind(kind);
this.each(function() {
new f({
jQuery: $
}).renderInto(this);
});
}
})(jQuery);
enyo.kind({
name:"ex.Widget",
kind:"Control",
components:[
{kind:"onyx.InputDecorator", components:[
{name:"input", kind:"onyx.Input"}
]},
{kind:"onyx.Button", content:"Go!"}
],
rendered:function() {
this.inherited(arguments);
// something silly to illustrate getting back to jQuery
this.jQuery(this.$.input.hasNode()).val(this.id);
}
});
$("DIV").enyo("ex.Widget");