aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/links/sharing-link.stories.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/links/sharing-link.stories.tsx')
-rw-r--r--src/components/atoms/links/sharing-link.stories.tsx50
1 files changed, 50 insertions, 0 deletions
diff --git a/src/components/atoms/links/sharing-link.stories.tsx b/src/components/atoms/links/sharing-link.stories.tsx
new file mode 100644
index 0000000..335fa50
--- /dev/null
+++ b/src/components/atoms/links/sharing-link.stories.tsx
@@ -0,0 +1,50 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { IntlProvider } from 'react-intl';
+import SharingLinkComponent from './sharing-link';
+
+export default {
+ title: 'Atoms/Links',
+ 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<typeof SharingLinkComponent>;
+
+const Template: ComponentStory<typeof SharingLinkComponent> = (args) => (
+ <IntlProvider locale="en">
+ <SharingLinkComponent {...args} />
+ </IntlProvider>
+);
+
+export const SharingLink = Template.bind({});
+SharingLink.args = {
+ medium: 'diaspora',
+ url: '#',
+};