JSFiddle - React, Tailwind, and code Playground

by Ryan Duffy

HTML

<script>
    new App().renderInto(document.body);
</script>

JavaScript

enyo.kind({
    kind: "enyo.FittableRows",
    classes: "onyx enyo-fit",
    name: "App",
    components: [
        {
            name: "mpHeader",
            kind: "onyx.Toolbar",
            components: [
                { kind: "onyx.Button", content: "Favorites" }
            ]
        },
        {
            kind: enyo.FittableColumns,
            name: "mpBody",
            fit: true,
            components: [
                {name: "thing", kind: onyx.Button, content: "button content", ontap: "anythingTap"}
            ],
            anythingTap: function(inSender, inEvent) {
                window.alert("year");
                return true;
            }
        }
    ],
    create:function() {
        this.inherited(arguments);
        this.$.thing.setOwner(this.$.mpBody);
    },
    anythingTap: function(inSender, inEvent) {
        window.alert("month");
        return true;
    }
});