diff --git a/stories/login/Error.stories.tsx b/stories/login/Error.stories.tsx
new file mode 100644
index 00000000..f55185db
--- /dev/null
+++ b/stories/login/Error.stories.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import type { ComponentMeta } from "@storybook/react";
+import { createPageStory } from "./createPageStory";
+
+const pageId = "error.ftl";
+
+const { PageStory } = createPageStory({ pageId });
+
+const meta: ComponentMeta<any> = {
+    "title": `login/${pageId}`,
+    "component": PageStory,
+    "parameters": {
+        "viewMode": "story",
+        "previewTabs": {
+            "storybook/docs/panel": {
+                "hidden": true
+            }
+        }
+    }
+};
+
+export default meta;
+
+export const Default = () => <PageStory />;
+
+export const WithAnotherMessage = () => <PageStory kcContext={{ "message": { "summary": "With another error message" } }} />;