feat: add missing storybook files and type template arguments properly

2026-04-17 18:01:24 +03:00
parent 5eb9584797
commit bb65f1c8d6
31 changed files with 1124 additions and 90 deletions
@@ -0,0 +1,45 @@
+<script module>
+import { defineMeta } from '@storybook/addon-svelte-csf';
+import SectionTitle from './SectionTitle.svelte';
+
+const { Story } = defineMeta({
+    title: 'Shared/SectionTitle',
+    component: SectionTitle,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: { component: 'Large responsive heading for named page sections.' },
+            story: { inline: false },
+        },
+        layout: 'centered',
+    },
+    argTypes: {
+        text: {
+            control: 'text',
+            description: 'Heading text; renders nothing when omitted',
+        },
+    },
+});
+</script>
+
+<script lang="ts">
+import type { ComponentProps } from 'svelte';
+</script>
+
+<Story name="Default/Basic" args={{ text: 'Browse Fonts' }}>
+    {#snippet template(args: ComponentProps<typeof SectionTitle>)}
+        <SectionTitle {...args} />
+    {/snippet}
+</Story>
+
+<Story name="Long title" args={{ text: 'Explore Typefaces From Around the World' }}>
+    {#snippet template(args: ComponentProps<typeof SectionTitle>)}
+        <SectionTitle {...args} />
+    {/snippet}
+</Story>
+
+<Story name="Empty" args={{}}>
+    {#snippet template(args: ComponentProps<typeof SectionTitle>)}
+        <SectionTitle {...args} />
+    {/snippet}
+</Story>