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