add extjs 6.0.1 sources

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

/**\r
 * This example shows navigation tabs docked to the side.\r
 */\r
Ext.define('KitchenSink.view.tab.SideNavigationTabs', {\r
    extend: 'Ext.tab.Panel',\r
    xtype: 'side-navigation-tabs',\r
\r
    //<example>\r
    exampleTitle: 'Side 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
    ui: 'navigation',\r
    tabPosition: 'left',\r
    tabRotation: 0,\r
    tabBar: {\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
        textAlign: 'left',\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
});