aboutsummaryrefslogtreecommitdiffstats
path: root/stories/react/Tabs.stories.js
diff options
context:
space:
mode:
Diffstat (limited to 'stories/react/Tabs.stories.js')
-rw-r--r--stories/react/Tabs.stories.js48
1 files changed, 0 insertions, 48 deletions
diff --git a/stories/react/Tabs.stories.js b/stories/react/Tabs.stories.js
deleted file mode 100644
index 74f163c..0000000
--- a/stories/react/Tabs.stories.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react';
-import Examples from './utils/Examples.js';
-import {default as TabsComp} from '../../src/react/Tabs.js';
-import Tab from '../../src/react/Tab.js';
-import HTMLTabsHeader from '../../components/tabs/tabs-header.html';
-import HTMLTabsDisabled from '../../components/tabs/tabs-disabled.html';
-import HTMLTabsMenu from '../../components/tabs/tabs-menu.html';
-
-let examples = {
- 'Menu Tabs': {
- jsx: <TabsComp type='menu' activeTab='1' onTabClick={(tabId) => {console.log(tabId);}}>
- <Tab title='tab 1' tabId='1'>
- <div>This is the active tab content</div>
- </Tab>
- <Tab title='tab 2' tabId='2' />
- <Tab title='tab 3' tabId='3' />
- </TabsComp>,
- html: HTMLTabsMenu
- },
- 'Header Tabs': {
- jsx: <TabsComp type='header' activeTab='1' onTabClick={(tabId) => {console.log(tabId);}}>
- <Tab title='tab 1' tabId='1'>
- <div>This is the active tab content</div>
- </Tab>
- <Tab title='tab 2' tabId='2' />
- <Tab title='tab 3' tabId='3' />
- </TabsComp>,
- html: HTMLTabsHeader
- },
- 'Disabled Tabs': {
- jsx: (
- <TabsComp type='header' activeTab='1' onTabClick={(tabId) => {console.log(tabId);}}>
- <Tab title='tab 1' tabId='1'>
- <div>This is the active tab content</div>
- </Tab>
- <Tab title='tab 2' tabId='2' disabled/>
- <Tab title='tab 3' tabId='3' disabled/>
- </TabsComp>
- ),
- html: HTMLTabsDisabled
- }
-};
-
-const Tabs = () => (
- <Examples examples={examples} />
-);
-
-export default Tabs;