Method createExampleComponent

examples/layout/cube/MainContainer.mjs:127–175

* @returns {Neo.component.Base}

()

     * @returns {Neo.component.Base}
     */
    createExampleComponent() {
        return Neo.create({
            module: Container,
            height: 550,
            layout: {ntype: 'vbox', align: 'center', pack: 'center'},
            width : 550,

            items: [{
                module   : Container,
                reference: 'container',
                style    : {color: 'white', fontSize: '50px', margin: '50px', textAlign: 'center'},

                layout: {
                    ntype  : 'cube',
                    rotateX: 194,
                    rotateY: 213,
                    rotateZ: 162
                },

                items: [
                    {style: {backgroundColor: 'rgba(255,   0,   0, 0.5)'}, html: 'Front'},
                    {style: {backgroundColor: 'rgba(  0, 255,   0, 0.5)'}, html: 'Back'},
                    {style: {backgroundColor: 'rgba(  0,   0, 255, 0.5)'}, html: 'Left'},
                    {style: {backgroundColor: 'rgba(  0, 255, 255, 0.5)'}, html: 'Right'},
                    {style: {backgroundColor: 'rgba(255,   0, 255, 0.5)'}, html: 'Top'},
                    {style: {backgroundColor: 'rgba(255, 255,   0, 0.5)'}, html: 'Bottom'}
                ]
            }, {
                module: Toolbar,
                flex  : 'none',
                style : {marginTop: '1em'},

                itemDefaults: {
                    ntype  : 'button',
                    handler: 'up.onFaceButtonClick',
                    style  : {marginRight: '.3em'}
                },

                items: [
                    {text: 'Front'},
                    {text: 'Back'},
                    {text: 'Left'},
                    {text: 'Right'},
                    {text: 'Top'},
                    {text: 'Bottom'}
                ]
            }]
        })
    }

    /**
     * @param {Object} data