docs(storybook): add stories for button

add new stories for button component resolves #40 Signed-off-by: Niloy Sikdar <[email protected]>
leopardslab · Jul 4, 2022 · cb22cb1 · cb22cb1
1 parent be32759
commit cb22cb1
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
@@ -0,0 +1,29 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import { Button } from './Button';
+
+export default {
+  component: Button,
+} as ComponentMeta<typeof Button>;
+
+//“template” of how args map to rendering
+const Template: ComponentStory<typeof Button> = (args) => (
+  <table>
+    <tbody>
+      <tr>
+        <Button {...args} />
+      </tr>
+    </tbody>
+  </table>
+);
+
+export const Default = Template.bind({});
+
+Default.args = {
+  children: 'Click here',
+  href: 'https://github.com/leopardslab/react-email',
+  style: {
+    backgroundColor: 'blue',
+    color: 'white',
+  },
+};