set up for the demo

Author: sulco

src/preview.ts

@@ -18,7 +18,7 @@ import { PARAM_KEY } from "./constants";
 
 const preview: ProjectAnnotations<Renderer> = {
   parameters: {
-    [PARAM_KEY.REPO]: `https://github.com/stackblitz/docs`,
+    [PARAM_KEY.REPO]: `https://github.com/stackblitz/storybook-addon-stackblitz`,
   }
 };
 

src/stories/Button.stories.ts

@@ -19,16 +19,13 @@ const meta: Meta<typeof Button> = {
 export default meta;
 type Story = StoryObj<typeof Button>;
 
-// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
 export const Primary: Story = {
-  // More on args: https://storybook.js.org/docs/react/writing-stories/args
   args: {
     primary: true,
-    label: "Button",
+    label: "Get my free ticket!",
   },
   parameters: {
-    // repositoryUrl: `https://github.com/stackblitz/docs`
-    filePath: 'docs/links.ts'
+    filePath: 'src/stories/Button.tsx'
   }
 };
 

src/stories/button.css

@@ -9,7 +9,15 @@
 }
 .storybook-button--primary {
   color: white;
-  background-color: #1ea7fd;
+  padding: 1rem 6rem;
+  font-size: 90% !important;
+  line-height: 1.25rem;
+  height: 56px;
+  width: 200px;
+  border-radius: 30px;
+  background: linear-gradient(#d946ef, #a21caf);
+  border: solid 1px #d359e6b3;
+  box-shadow: 1px 1px 4px #000a;
 }
 .storybook-button--secondary {
   color: #333;