diff options
Diffstat (limited to 'uidev/src/stories/headline.stories.tsx')
-rw-r--r-- | uidev/src/stories/headline.stories.tsx | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/uidev/src/stories/headline.stories.tsx b/uidev/src/stories/headline.stories.tsx new file mode 100644 index 000000000..f42771cae --- /dev/null +++ b/uidev/src/stories/headline.stories.tsx | |||
@@ -0,0 +1,54 @@ | |||
1 | import { observable } from 'mobx'; | ||
2 | import { observer } from 'mobx-react'; | ||
3 | import React from 'react'; | ||
4 | import uuid from 'uuid/v4'; | ||
5 | |||
6 | import { H1, H2, H3, H4 } from '@meetfranz/ui'; | ||
7 | import { storiesOf } from '../stores/stories'; | ||
8 | |||
9 | // interface IStoreArgs { | ||
10 | // value?: boolean; | ||
11 | // checked?: boolean; | ||
12 | // label?: string; | ||
13 | // id?: string; | ||
14 | // name?: string; | ||
15 | // disabled?: boolean; | ||
16 | // error?: string; | ||
17 | // } | ||
18 | |||
19 | // const createStore = (args?: IStoreArgs) => { | ||
20 | // return observable(Object.assign({ | ||
21 | // id: `element-${uuid()}`, | ||
22 | // name: 'toggle', | ||
23 | // label: 'Label', | ||
24 | // value: true, | ||
25 | // checked: false, | ||
26 | // disabled: false, | ||
27 | // error: '', | ||
28 | // }, args)); | ||
29 | // }; | ||
30 | |||
31 | // const WithStoreToggle = observer(({ store }: { store: any }) => ( | ||
32 | // <> | ||
33 | // <Toggle | ||
34 | // value={store.value} | ||
35 | // checked={store.checked} | ||
36 | // label={store.label} | ||
37 | // id={store.id} | ||
38 | // name={store.name} | ||
39 | // disabled={store.disabled} | ||
40 | // error={store.error} | ||
41 | // onChange={() => store.checked = !store.checked} | ||
42 | // /> | ||
43 | // </> | ||
44 | // )); | ||
45 | |||
46 | storiesOf('Typo') | ||
47 | .add('Headlines', () => ( | ||
48 | <> | ||
49 | <H1>Welcome to the world of tomorrow</H1> | ||
50 | <H2>Welcome to the world of tomorrow</H2> | ||
51 | <H3>Welcome to the world of tomorrow</H3> | ||
52 | <H4>Welcome to the world of tomorrow</H4> | ||
53 | </> | ||
54 | )); | ||