feat: added customStyling example to Button.stories.tsx

RichEwin · Aug 7, 2023 · 79373cb · 79373cb
1 parent a62104a
commit 79373cb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/Button/Button.stories.tsx b/src/components/Button/Button.stories.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { Meta } from "@storybook/react";
 import Button from "./Button";
+import "../../utils/storybookStyles.css";
 
 export default {
   title: "Button",
@@ -24,3 +25,7 @@ export const WithSize = () => (
     ))}
   </div>
 );
+
+export const WithClassName = () => (
+  <Button label="I'm styled" className="CustomStyling" size="lg" />
+);
diff --git a/src/utils/storybookStyles.css b/src/utils/storybookStyles.css
@@ -0,0 +1,3 @@
+.CustomStyling {
+  background-color: #2193b0;
+}