diff options
Diffstat (limited to 'src/components/atoms/links/sharing-link.stories.tsx')
| -rw-r--r-- | src/components/atoms/links/sharing-link.stories.tsx | 50 | 
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: '#', +}; | 
