feat: added ExternalLink stories

ccontrols · Mar 8, 2020 · 3bf353c · 3bf353c
1 parent 3385c4f
commit 3bf353c
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/ui/components/src/ExternalLink/ExternalLink.stories.tsx b/ui/components/src/ExternalLink/ExternalLink.stories.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { ExternalLink, ExternalLinkProps } from './ExternalLink';
+
+export default {
+  title: 'Components/ExternalLink',
+  component: ExternalLink,
+};
+
+export const simple = ({ href }: ExternalLinkProps) => {
+  return <ExternalLink href={href}>{href}</ExternalLink>;
+};
+
+simple.story = {
+  parameters: {
+    addonControls: {
+      smart: false,
+    },
+    controls: {
+      href: {
+        type: 'text',
+        value: 'https://www.google.com',
+        data: { name: 'internet.url' },
+      },
+    },
+  },
+};