Dynamic Light

fiddle.js

enyo.ready(function() {
    enyo.kind({
        name: 'Light',
        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);
        }
    });
    
    var app = new enyo.Application({ name: 'app', view: Light });
    app.set('view.color', 'blue');
});

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

Try it out on jsFiddle

From: Enyo: Up and Running by Roy Sutton