import { ComponentMeta, ComponentStory } from '@storybook/react'; import { IntlProvider } from 'react-intl'; import SharingLinkComponent from './sharing-link'; /** * SharingLink - Storybook Meta */ export default { title: 'Atoms/Buttons/Sharing', component: SharingLinkComponent, argTypes: { medium: { control: { type: 'select', }, description: 'The sharing medium.', options: [ 'diaspora', 'email', 'facebook', 'journal-du-hacker', 'linkedin', 'twitter', ], type: { name: 'string', required: true, }, }, url: { control: { type: 'text', }, description: 'The sharing url.', type: { name: 'string', required: true, }, }, }, } as ComponentMeta; const Template: ComponentStory = (args) => ( ); /** * Sharing Link Stories - Diaspora */ export const Diaspora = Template.bind({}); Diaspora.args = { medium: 'diaspora', url: '#', }; /** * Sharing Link Stories - Email */ export const Email = Template.bind({}); Email.args = { medium: 'email', url: '#', }; /** * Sharing Link Stories - Facebook */ export const Facebook = Template.bind({}); Facebook.args = { medium: 'facebook', url: '#', }; /** * Sharing Link Stories - Journal du Hacker */ export const JournalDuHacker = Template.bind({}); JournalDuHacker.args = { medium: 'journal-du-hacker', url: '#', }; /** * Sharing Link Stories - LinkedIn */ export const LinkedIn = Template.bind({}); LinkedIn.args = { medium: 'linkedin', url: '#', }; /** * Sharing Link Stories - Twitter */ export const Twitter = Template.bind({}); Twitter.args = { medium: 'twitter', url: '#', }; es.tsx?id=ee04742d1f0645908baa30e47845126c28848f50'>commitdiffstats
path: root/src/components/molecules/layout/page-header.stories.tsx
blob: 6054845ae8157ae045679ff8c749fd35fea557ec (plain) 
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103