First Traffic 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);
        }
    });
    
    enyo.kind({
        name: 'TrafficLight',
        components: [
            { name: 'stop', kind: 'Light', color: 'red' },
            { name: 'slow', kind: 'Light', color: 'yellow' },
            { name: 'go', kind: 'Light', color: 'green' }
        ]
    });

    new enyo.Application({ name: 'app', view: 'TrafficLight' });
});

fiddle.manifest

name: First Traffic Light
description: First attempt at Traffic Light
authors:
  - Roy Sutton
normalize_css: no

Try it out on jsFiddle

From: Enyo: Up and Running by Roy Sutton