chore: updated storybook for button

deriv-com · Feb 28, 2024 · 7985886 · 7985886
1 parent 813aa0e
commit 7985886
Showing 1 changed file with 73 additions and 1 deletion.
diff --git a/src/stories/Button.stories.ts b/src/stories/Button.stories.ts
@@ -71,7 +71,6 @@ export const Ghost: Story = {
     args: {
         variant: "ghost",
         children: "Button",
-        size: "lg",
     },
 };
 
@@ -97,6 +96,7 @@ export const ContainedPrimaryLight: Story = {
         variant: "contained",
         children: "Button",
         color: "primary-light",
+        size: "md",
     },
 };
 
@@ -117,3 +117,75 @@ export const ContainedWhite: Story = {
         color: "white",
     },
 };
+
+export const OutlinedPrimary: Story = {
+    name: "Outlined (Primary)",
+    args: {
+        variant: "outlined",
+        children: "Button",
+        color: "primary",
+    },
+};
+
+export const OutlinedPrimaryLight: Story = {
+    name: "Outlined (Primary Light)",
+    args: {
+        variant: "outlined",
+        children: "Button",
+        color: "primary-light",
+    },
+};
+
+export const OutlinedBlack: Story = {
+    name: "Outlined (Black)",
+    args: {
+        variant: "outlined",
+        children: "Button",
+        color: "black",
+    },
+};
+
+export const OutlinedWhite: Story = {
+    name: "Outlined (White)",
+    args: {
+        variant: "outlined",
+        children: "Button",
+        color: "white",
+    },
+};
+
+export const GhostPrimary: Story = {
+    name: "Ghost (Primary)",
+    args: {
+        variant: "ghost",
+        children: "Button",
+        color: "primary",
+    },
+};
+
+export const GhostPrimaryLight: Story = {
+    name: "Ghost (Primary Light)",
+    args: {
+        variant: "ghost",
+        children: "Button",
+        color: "primary-light",
+    },
+};
+
+export const GhostBlack: Story = {
+    name: "Ghost (Black)",
+    args: {
+        variant: "ghost",
+        children: "Button",
+        color: "black",
+    },
+};
+
+export const GhostWhite: Story = {
+    name: "Ghost (White)",
+    args: {
+        variant: "ghost",
+        children: "Button",
+        color: "white",
+    },
+};