JSFiddle - React, Tailwind, and code Playground

by enyojs

JavaScript

enyo.kind({
    name: "App",
    components:[
    {
        kind: onyx.Toolbar, name:"toolbar", classes: "onyx-menu-toolbar", layoutKind:"FittableColumnsLayout", components: [
        {    content: "Picker Bug", fit: true  },
            {    kind: "onyx.PickerDecorator", onSelect:"toolbarResized", components: [
                { },
                {kind: "onyx.Picker", components: [
                    {content:"Offset", active:true},
                    {content:"Foo"},
                    {content:"Boooooooooooooogie"}
                ]}
            ]}
        ]}
    ],
    rendered: function() {
        this.inherited(arguments);
        this.toolbarResized();
    },
    toolbarResized: function() {
        this.$.toolbar.resized();
    }
});

enyo.kind({
    name: "App2",
    components:[
    {
        kind: onyx.Toolbar, name:"toolbar", xclasses: "onyx-menu-toolbar", layoutKind:"FittableColumnsLayout", components: [
        {    content: "Picker Bug", fit: true  },
            {    kind: "onyx.PickerDecorator", onActivate:"toolbarResized", components: [
                {style:"width:200px;" },
                {kind: "onyx.Picker", components: [
                    {content:"Offset", active:true},
                    {content:"Foo"},
                    {content:"Boooooooooooooogie"}
                ]}
            ]}
        ]}
    ]
});

new App().write();
new App2().write();