Improved 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);
        }
    });
    
    new enyo.Application({ name: 'app', view: { kind: 'Light', color: 'green' } });
});

fiddle.manifest

name: Improved Light
description: A light with changeable color
authors:
  - Roy Sutton
normalize_css: no

Try it out on jsFiddle

From: Enyo: Up and Running by Roy Sutton