Method createExampleComponent

examples/tab/container/MainContainer.mjs:206–235

* Overridden from `ConfigurationViewport`. This method creates the actual `TabContainer` instance * to be demonstrated. It is configured with three initial tabs and a listener to sync user-driven * tab changes back to the configuration panel. * @returns {Neo.tab.Container} The configu

()

     * @returns {Neo.tab.Container} The configured TabContainer instance.
     */
    createExampleComponent() {
        return Neo.create(TabContainer, {
            dragResortable: true,
            height        : 300,
            width         : 500,
            style         : {margin: '20px'},

            itemDefaults: {
                ntype: 'component',
                cls  : ['neo-examples-tab-component'],
                style: {padding: '20px'}
            },

            items: [{
                header: {iconCls: 'fa fa-home', text: 'Tab 1', flag: 'tab1',},
                vdom  : {html: 'Tab 1 Content'}
            }, {
                header: {iconCls: 'fa fa-play-circle', text: 'Tab 2'},
                vdom  : {html: 'Tab 2 Content'}
            }, {
                header: {iconCls: 'fa fa-user', text: 'Tab 3', badgeText: 'hello'},
                vdom  : {html: 'Tab 3 Content'}
            }],

            listeners: {
                activeIndexChange: this.onUserActiveIndexChange,
                scope            : this
            }
        })
    }

    /**
     * A helper method to retrieve the header button for the third tab, which is used for demonstrating