| 1 | import * as React from 'react';
|
| 2 | import { storiesOf } from '@storybook/react';
|
| 3 | import styled from 'styled-components';
|
| 4 |
|
| 5 | import { Tabs } from '../src';
|
| 6 |
|
| 7 |
|
| 8 | storiesOf('Tabs', module)
|
| 9 | .add('Default', () => (
|
| 10 | <Tabs headers={['HTML', 'CSS', 'React', 'Angular']}>
|
| 11 | <Tabs.Panel fromHeader='HTML'>
|
| 12 | <h1>HTML</h1>
|
| 13 | </Tabs.Panel>
|
| 14 | <Tabs.Panel fromHeader='CSS'>
|
| 15 | <h1>CSS</h1>
|
| 16 | </Tabs.Panel>
|
| 17 | <Tabs.Panel fromHeader='React'>
|
| 18 | <h1>REACT</h1>
|
| 19 | </Tabs.Panel>
|
| 20 | <Tabs.Panel fromHeader='Angular'>
|
| 21 | <h1>Angular</h1>
|
| 22 | </Tabs.Panel>
|
| 23 | </Tabs>
|
| 24 | )); |
| \ | No newline at end of file |