Sample fiddle

fiddle.html

<script>
    new Car().renderInto(document.body);
</script>

fiddle.js

enyo.kind({
    name: "Car",
    kind: enyo.Control,
    running: false,
    lights: false,
    components: [
        { name: "LeftHeadlight", content: "O", style: "display: inline;" },
        { name: "RightHeadlight", content: "O", style: "display: inline;"  },
        { tag: "br" },
        { name: "Ignition", kind: "Button", content: "Start Car", ontap: "ignition" },
        { name: "LightSwitch", kind: "Button", content: "Turn on Lights", ontap: "lightswitch" },
        { tag: "br" },
        { name: "State", content: "Car is off" },
        { name: "test" }
    ],
    ignition: function(inSender, inEvent) {
        this.running = !this.running;
        if(this.running) {
            this.$.State.setContent("Car is on");
            this.$.Ignition.setContent("Stop car");
        }
        else {
            this.$.State.setContent("Car is off");
            this.$.Ignition.setContent("Start car");
        }
    },
    lightswitch: function(inSender, inEvent) {
        var light;
        this.lights = !this.lights;
        light = this.lights ? '@' : 'O';
        this.$.LeftHeadlight.setContent(light);
        this.$.RightHeadlight.setContent(light);
    }
});

fiddle.manifest

name: Sample fiddle
description: It's a car, sorta
authors:
  - Roy Sutton
normalize_css: no

http://jsfiddle.net/gh/gist/enyo/2.1/4033554/