diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-toolbar/docs-link-button.stories.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-toolbar/docs-link-button.stories.tsx
new file mode 100644
index 00000000000000..ea074bb3c66463
--- /dev/null
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/error-overlay-toolbar/docs-link-button.stories.tsx
@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { DocsLinkButton } from './docs-link-button'
+import { withShadowPortal } from '../../../storybook/with-shadow-portal'
+
+const meta: Meta<typeof DocsLinkButton> = {
+  title: 'ErrorOverlayToolbar/DocsLinkButton',
+  component: DocsLinkButton,
+  parameters: {
+    layout: 'centered',
+  },
+  decorators: [withShadowPortal],
+}
+
+export default meta
+type Story = StoryObj<typeof DocsLinkButton>
+
+export const WithDocsUrl: Story = {
+  args: {
+    errorMessage: 'Learn more at https://nextjs.org/docs',
+  },
+}
+
+export const WithoutDocsUrl: Story = {
+  args: {
+    errorMessage: 'An error occurred without any documentation link',
+  },
+}