1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
import React from 'react';
import { storiesOf } from '@storybook/react';
import PrimaryButtons from './buttons/PrimaryButtons.stories.js';
import SecondaryButtons from './buttons/SecondaryButtons.stories.js';
import LinkButtons from './buttons/LinkButtons.stories.js';
import Colors from './Colors.stories.js';
import Typography from './Typography.stories.js';
import Checkboxes from './Checkbox.stories.js';
import Checklist from './Checklist.stories.js';
import Input from './Input.stories.js';
import Icons from './SVGIcon.stories.js';
import Tiles from './Tiles.stories.js';
import Tabs from './Tabs.stories.js';
import Radios from './Radio.stories.js';
import RadioGroups from './RadioGroup.stories.js';
import Modals from './Modal.stories.js';
import PopupMenu from './PopupMenu.stories.js';
import Accordion from './Accordion.stories.js';
import Panel from './Panel.stories.js';
storiesOf('Colors', module)
.add('Color Palette', () => <Colors />);
storiesOf('Typography', module)
.add('Typography', () => <Typography />);
storiesOf('Accordion', module)
.add('Accordion', () => <Accordion />);
storiesOf('Buttons', module)
.add('Primary', () => <PrimaryButtons />)
.add('Secondary', () => <SecondaryButtons />)
.add('Link', () => <LinkButtons />);
storiesOf('Checkboxes', module)
.add('Checkboxes', () => <Checkboxes />);
storiesOf('Checklist', module)
.add('Checklist', () => <Checklist />);
storiesOf('Input Fields', module)
.add('Input Text', () => <Input />);
storiesOf('Icons', module)
.add('SVG Icons', () => <Icons />);
storiesOf('Menu', module)
.add('Popup Menu', () => <PopupMenu />);
storiesOf('Modals', module)
.add('Modal examples', () => <Modals />);
storiesOf('Radios', module)
.add('Radio Buttons', () => <Radios />)
.add('Radio Button Groups', () => <RadioGroups />);
storiesOf('Panel', module)
.add('Panel', () => <Panel />);
storiesOf('Tabs', module)
.add('Tabs', () => <Tabs />);
storiesOf('Tiles', module)
.add('Tiles', () => <Tiles />);
|
