Enyo Tutorial

Gopinagh.R

by gopinaghr

HTML

<div id="a"></div>
<div id="b"></div>

JavaScript

enyo.kind({
    name: "tapBasic",
    kind: enyo.Control,
    components: [{
        name: "hello",
        content: "Hello From Enyo"
    }, {
        kind: "Button",
        content: "Click Me!",
        ontap: "helloTap"
    }],
    helloTap: function () {
        this.$.hello.addStyles("color: red");
    }
});

/*var control = new enyo.Control({
  name: "helloworld",
  tag: 'p',
  content: 'Hello, World!',
  style: 'color: blue'
});

control.renderInto(document.body); */

// render two, they're small
new tapBasic().renderInto(document.getElementById("a"));
//new tapBasic().renderInto(document.getElementById("b"));