Onyx Sample

fiddle.js

enyo.ready(function() {
    enyo.kind({
        name: 'OnyxSample',
        components: [
            { kind: 'onyx.Toolbar', components: [
                { content: 'Toolbar' },
                { kind: 'onyx.Button', content: 'Toolbar Button' }
            ]},
            { content: 'Radio Group' },
            { kind: 'onyx.RadioGroup', onActivate: 'activated', components: [
                { content: 'One', active: true },
                { content: 'Two' },
                { content: 'Three' }
            ]},
            { content: 'Groupbox' },
            { kind: 'onyx.Groupbox', components: [
                { kind: 'onyx.GroupboxHeader', content: 'Groupbox Header' },
                { content: 'Groupbox item' }
            ]},
            { content: 'ProgressBar' },
            { kind: 'onyx.ProgressBar', progress: 25 }
        ],
        activated: function(sender, event) {
            // React to radio button activation change
        }
    });

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

fiddle.manifest

name: Onyx Sample
description: Various Onyx controls
authors:
  - Roy Sutton
normalize_css: no