feat(developerdocslinks story): create story for developerdocslinks

Author: Baystef

.storybook/main.ts

@@ -67,6 +67,11 @@ const config: StorybookConfig = {
     if (imageRule) {
       imageRule["exclude"] = /\.svg$/
     }
+    // Configure yaml files to be loaded with yaml-loader
+    config.module.rules.push({
+      test: /\.ya?ml$/,
+      use: "yaml-loader",
+    })
 
     // Configure .svg files to be loaded with @svgr/webpack
     config.module.rules.push({

src/components/DeveloperDocsLinks/DeveloperDocsLinks.stories.tsx

@@ -0,0 +1,34 @@
+import { Meta, StoryObj } from "@storybook/react"
+
+import { langViewportModes } from "../../../.storybook/modes"
+
+import DeveloperDocsLinksComponent from "."
+
+const meta = {
+  title: "Molecules / Navigation / DeveloperDocsLinks",
+  component: DeveloperDocsLinksComponent,
+  args: {
+    headerId: "ethereum-stack",
+  },
+  parameters: {
+    layout: "fullscreen",
+    chromatic: {
+      modes: {
+        ...langViewportModes,
+      },
+    },
+  },
+  decorators: [
+    (Story) => (
+      <article className="max-w-3xl scroll-mt-24">
+        <Story />
+      </article>
+    ),
+  ],
+} satisfies Meta<typeof DeveloperDocsLinksComponent>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const DeveloperDocsLinks: Story = {}