JSFiddle - React, Tailwind, and code Playground

by enyojs

JavaScript

enyo.kind({
    name: "MySample",
    components: [
        {kind: "onyx.Toolbar", name:"toolbar", content: "Your sample here"},
        {kind: "Test", onCreate:"created"}
    ],
    created: function(inSender, inEvent) {
        var c = this.$.toolbar.createComponent(inEvent.component, {owner:inEvent.originator});
        c.getBubbleTarget = function() { 
            return inEvent.originator;
        }
    }
});

enyo.kind({
    name: "Test",
    kind: "Component",
    events: {
        onCreate:""
    },
    create: function() {
        this.inherited(arguments);
        this.doCreate({
            component: {kind:"onyx.ToggleButton", onChange:"handleChange"}
        });
    },
    handleChange: function() {
        alert("changed");
    }
});

new MySample({fit:true}).write();