feat(SLB-304): create dedicated stories for form on hero

AmazeeLabs · Apr 11, 2024 · cb28136 · cb28136
1 parent db65dc0
commit cb28136
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/packages/ui/src/components/Routes/Page.stories.tsx b/packages/ui/src/components/Routes/Page.stories.tsx
@@ -80,3 +80,24 @@ export const FullHero = {
     },
   },
 } satisfies StoryObj<ViewPageQuery>;
+
+export const FormHero = {
+  ...Default,
+  args: {
+    ...Default.args,
+    page: {
+      ...Default.args.page,
+      hero: {
+        headline: 'Page Hero Headline',
+        lead: 'A longer lead text that even might break into multiple lines.',
+        image: {
+          source: image(Landscape, { width: 2000 }),
+          alt: 'Stock photo landscape hero.',
+        },
+        ctaUrl: '/test' as Url,
+        ctaText: 'Call to action',
+        formUrl: 'webforms/error/index.html' as Url,
+      },
+    },
+  },
+} satisfies StoryObj<ViewPageQuery>;