Dynamic Light

fiddle.html

<script>
var light = new Light({color: "green"}).renderInto(document.body);
light.setColor("blue");
</script>

fiddle.js

enyo.kind({
    name: "Light",
    published: {
        "color" : "yellow"
    },
    style: "width: 50px; height: 50px; border-radius: 50%;",
    create: function() {
        this.inherited(arguments);
        this.colorChanged();
    },
    colorChanged: function(oldValue) {
        this.applyStyle("background-color", this.color);
    }
});

fiddle.manifest

name: Dynamic Light
description: Example showing how to update color of a Light instance after it's created
authors:
  - Roy Sutton
normalize_css: no