Merge 235c997 into b5a038d

frontend/.storybook/main.ts

@@ -5,7 +5,11 @@
 import type { StorybookConfig } from '@storybook/angular';
 
 const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.ts'],
+  stories: [
+    '../src/storybook/index.mdx',
+    '../src/**/*.mdx',
+    '../src/**/*.stories.ts',
+  ],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',

frontend/src/storybook/index.mdx

@@ -0,0 +1,16 @@
+{/*
+    SPDX-FileCopyrightText: Copyright DB InfraGO AG and contributors
+    SPDX-License-Identifier: Apache-2.0
+*/}
+
+import { Meta, Title } from '@storybook/blocks';
+
+<Meta title="Storybook Introduction" />
+<Title>Welcome to the Storybook of the Capella Collaboration Manager</Title>
+
+This Storybook covers the frontend components of the Capella Collaboration Manager.
+We use it for development and visual testing of our components.
+A Storybook preview and a change detection using [reg-actions](https://github.com/reg-viz/reg-actions)
+is created for each pull request on GitHub automatically.
+
+If you want to learn about how to write Stories, have a look at our [development documentation](https://dsd-dbs.github.io/capella-collab-manager/development/frontend/storybook/).