add extjs 6.0.1 sources

[extjs.git] / extjs / examples / kitchensink / classic / samples / view / tab / NavigationTabs.js

/**\r
 * This example shows how to give your tab bar a custom look and feel typical of\r
 * app navigation.\r
 */\r
Ext.define('KitchenSink.view.tab.NavigationTabs', {\r
    extend: 'Ext.tab.Panel',\r
    xtype: 'navigation-tabs',\r
\r
    //<example>\r
    exampleTitle: 'Navigation Tabs',\r
    otherContent: [{\r
        type: 'Styles',\r
        path: 'classic/sass/src/view/tab/NavigationTabs.scss'\r
    }],\r
    //</example>\r
\r
    height: 400,\r
    width: 600,\r
\r
\r
    ui: 'navigation',\r
    tabBar: {\r
        layout: {\r
            pack: 'center'\r
        },\r
        // turn off borders for classic theme.  neptune and crisp don't need this\r
        // because they are borderless by default\r
        border: false\r
    },\r
\r
    defaults: {\r
        iconAlign: 'top',\r
        bodyPadding: 15\r
    },\r
\r
    items: [{\r
        title: 'Home',\r
        glyph: 72,\r
        html: KitchenSink.DummyText.longText\r
    }, {\r
        title: 'Users',\r
        glyph: 117,\r
        html: KitchenSink.DummyText.extraLongText\r
    }, {\r
        title: 'Groups',\r
        glyph: 85,\r
        html: KitchenSink.DummyText.longText\r
    }, {\r
        title: 'Settings',\r
        glyph: 42,\r
        html: KitchenSink.DummyText.extraLongText\r
    }]\r
});