Creating Button component story

brenocastelo · Dec 9, 2022 · 50c1e12 · 50c1e12
1 parent 575fb0e
commit 50c1e12
Show file tree

Hide file tree

Showing 26 changed files with 521 additions and 642 deletions.
diff --git a/packages/docs/.storybook/main.js b/packages/docs/.storybook/main.js
@@ -1,7 +1,7 @@
 module.exports = {
   "stories": [
-    "../stories/**/*.stories.mdx",
-    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
+    "../src/stories/**/*.stories.mdx",
+    "../src/stories/**/*.stories.@(js|jsx|ts|tsx)"
   ],
   "addons": [
     "@storybook/addon-links",

diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -17,6 +17,9 @@
     "vite": "^4.0.0"
   },
   "dependencies": {
+    "@ignite-ui/react": "*",
+    "@ignite-ui/tokens": "*",
+    "@ignite-ui/eslint-config": "*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

diff --git a/packages/docs/src/stories/Button.stories.tsx b/packages/docs/src/stories/Button.stories.tsx
@@ -0,0 +1,18 @@
+import { StoryObj, Meta } from '@storybook/react';
+import { Button, ButtonProps } from '@ignite-ui/react';
+
+export default {
+  title: 'Button',
+  component: Button,
+  args: {
+    children: 'Button',
+  },
+} as Meta<ButtonProps>;
+
+export const Primary: StoryObj<ButtonProps> = {};
+
+export const Large: StoryObj<ButtonProps> = {
+  args: {
+    size: 'large',
+  },
+};
diff --git a/packages/docs/stories/Button.jsx b/packages/docs/stories/Button.jsx
diff --git a/packages/docs/stories/Button.stories.jsx b/packages/docs/stories/Button.stories.jsx
diff --git a/packages/docs/stories/Header.jsx b/packages/docs/stories/Header.jsx
diff --git a/packages/docs/stories/Header.stories.jsx b/packages/docs/stories/Header.stories.jsx