JSFiddle - React, Tailwind, and code Playground

by Deepak Anand

JavaScript

// Reacting to user events - Deprecated style: widgets expose methods stubs for consumers to imlpement

 var btn = new Button({
        label: "Click me!",
        onClick: function(){
            // Do something:
            dom.byId("result1").innerHTML += "Thank you! ";
        }
    })
 
 btn.place("someDivId");
 
 btn.startup();


// Reacting to user events - Recommended style: Widgets emit events

 var btn = new PushButton({
     text: "First Line\nSecond Line",
     icon: "some_icon_class",
     iconAlignment: "top"
 });

btn.on("click", function(){
 //react to user event
});

 btn.placeAt("someDivId");

 btn.startup();