JSFiddle - React, Tailwind, and code Playground

by enyojs

JavaScript

enyo.kind({
    name: "MyControl",
    style: "background: red; border-radius:10px; padding:10px;",
    controlParentNames: [
        { "components": "client1" },
        { "components2": "client2" }
    ],
    components: [
        {name:"client2", style:"background:white;", content:"client 2"},
        {style:"background:lightblue;", content:"Chrome control"},
        {name:"client1", style:"background:white;", content:"client 1"},
        {style:"background:orange;", content:"Chrome control"}
    ]
});


enyo.kind({
    name: "MySample",
    components: [
        {kind:"MyControl", components: [
            {kind:"onyx.Button", content:"Button"}
        ], components2: [
            {kind:"onyx.Button", content:"Aother Button"}
        ]}
    ]
});

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