From 0c1d12c7f951db56e501145bd73071480273340a Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 5 Apr 2022 17:51:12 +0200 Subject: chore: add a SharingLink component --- .../atoms/links/sharing-link.stories.tsx | 50 ++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 src/components/atoms/links/sharing-link.stories.tsx (limited to 'src/components/atoms/links/sharing-link.stories.tsx') 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; + +const Template: ComponentStory = (args) => ( + + + +); + +export const SharingLink = Template.bind({}); +SharingLink.args = { + medium: 'diaspora', + url: '#', +}; -- cgit v1.2.3