diff --git a/services/web/frontend/stories/pdf-preview-error-boundary.stories.js b/services/web/frontend/stories/pdf-preview-error-boundary.stories.js
new file mode 100644
index 0000000000..8d2928a257
--- /dev/null
+++ b/services/web/frontend/stories/pdf-preview-error-boundary.stories.js
@@ -0,0 +1,22 @@
+import ErrorBoundaryFallback from '../js/features/pdf-preview/components/error-boundary-fallback'
+import { setupContext } from './fixtures/context'
+import { withContextRoot } from './utils/with-context-root'
+
+export default {
+  title: 'PDF Preview / Error Boundary',
+  component: ErrorBoundaryFallback,
+}
+
+setupContext()
+
+export const PreviewErrorBoundary = () => {
+  return withContextRoot(<ErrorBoundaryFallback type="preview" />)
+}
+
+export const PdfErrorBoundary = () => {
+  return withContextRoot(<ErrorBoundaryFallback type="pdf" />)
+}
+
+export const LogsErrorBoundary = () => {
+  return withContextRoot(<ErrorBoundaryFallback type="logs" />)
+}