webOS101

enyo.ready(function() {
    enyo.kind({
        name: 'RestaurantRepeater',
        kind: 'enyo.DataRepeater',
        components: [{ kind: 'RestaurantView' }]
    });

    enyo.kind({
        name: 'RestaurantModel',
        kind: 'enyo.Model',

webOS101

enyo.ready(function() {
    enyo.kind({
        name: 'RestaurantRepeater',
        kind: 'enyo.DataRepeater',
        components: [{
            components: [
                { name: 'name' },
                { name: 'cuisine' },
                { name: 'specialty' },
                { name: 'rating' }

webOS101

<div id="jsconsole">
    <form>
        <textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1">   </textarea>
    </form>
    <div id="console">
        <ul id="output"></ul>
    </div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>

webOS101

<div id="jsconsole">
    <form>
        <textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1">   </textarea>
    </form>
    <div id="console">
        <ul id="output"></ul>
    </div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>

webOS101

enyo.ready(function() {
    enyo.kind({
        name: 'RestaurantView',
        components: [
            { name: 'name' },
            { name: 'cuisine' },
            { name: 'specialty' },
            { name: 'rating' }
        ],
        bindings: [

webOS101

<div id="jsconsole">
    <form>
        <textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1">   </textarea>
    </form>
    <div id="console">
        <ul id="output"></ul>
    </div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>

webOS101

<div id="jsconsole">
    <form>
        <textarea autofocus id="exec" spellcheck="false" autocapitalize="off" autofocus rows="1">   </textarea>
    </form>
    <div id="console">
        <ul id="output"></ul>
    </div>
</div>
<div id="footer"><a href="http://github.com/remy/jsconsole">Fork on Github</a> &bull; <a href="http://twitter.com/rem">Console built by @rem</a></div><script src="http://enyo-upandrunning.github.io/prettify.js"></script>
<script>

webOS101

.onyx-button {
    background-color: cyan;
}

.myapp .onyx-input {
    background-color: tomato;
}

webOS101

.onyx-button {
    background-color: cyan;
}

webOS101

.panels-sample > * {
    width: 200px;
}

@media all and (max-width: 500px) {
    .panels-sample > * {
        min-width: 200px;
        max-width: 100%;
        width: 50%;
    }