JSFiddle - React, Tailwind, and code Playground

by lynnaloo

JavaScript

enyo.kind({
    name: "IconButton",
    kind: "onyx.TooltipDecorator",
    published: {
        src: "",
        content: ""      
    },
    style: "margin: 0;",
    components: [
        {name: "iconButton", kind: "onyx.IconButton", showing: true},
        {name: "toolTip", kind: "onyx.Tooltip"}
    ],
    
    create: function() {
        this.inherited(arguments);
        this.sourceChanged();
        this.toolTipChanged();
    },

    sourceChanged: function() {
       this.$.iconButton.setSrc(this.src);
    },
    
    toolTipChanged: function() {
       this.$.toolTip.setContent(this.content);                           
    }
    
    
        
});

enyo.kind({
    name: "Linda",
    components: [
        {
            kind: "IconButton", content: "New Text", src: "http://enyojs.com/enyo-2.1/lib/onyx/images/search-input-cancel.png", showing: true, ontap: "requery"}]
});
new Linda().renderInto(document.body);