diff --git a/packages/storybook-react/config/preview.tsx b/packages/storybook-react/config/preview.tsx
index 96a32982898..ff7f28d0512 100644
--- a/packages/storybook-react/config/preview.tsx
+++ b/packages/storybook-react/config/preview.tsx
@@ -11,7 +11,7 @@ import '@utrecht/storybook-helpers/src/storybook-docs.scss';
import '@nl-design-system-unstable/amsterdam-design-tokens/dist/index.css';
import '@nl-design-system-unstable/rotterdam-design-tokens/dist/index.css';
import '@gemeente-denhaag/design-tokens-components/dist/theme/index.css';
-console.log(results);
+
const preview: Preview = {
decorators: [
(Story: any) =>
{Story()}
,
@@ -44,6 +44,11 @@ const preview: Preview = {
);
},
},
+ options: {
+ storySort: {
+ order: ['React Component', ['Component Introduction', 'Developing components', 'Testing components']],
+ },
+ },
...addonStatus,
...addonThemes,
...addonViewport,
diff --git a/packages/storybook-react/src/stories/Introduction.stories.mdx b/packages/storybook-react/src/stories/Introduction.stories.mdx
index 28297032fdf..66cd03b375b 100644
--- a/packages/storybook-react/src/stories/Introduction.stories.mdx
+++ b/packages/storybook-react/src/stories/Introduction.stories.mdx
@@ -1,8 +1,8 @@
-import { Description, Meta } from "@storybook/addon-docs";
-import README from "@utrecht/component-library-react/README.md?raw";
+import { Markdown, Meta } from "@storybook/blocks";
+import document from "@utrecht/component-library-react/README.md?raw";
{/* @license CC0-1.0 */}
-
+{document}
diff --git a/packages/storybook-react/src/stories/contributing.stories.mdx b/packages/storybook-react/src/stories/contributing.stories.mdx
new file mode 100644
index 00000000000..69f973a19b1
--- /dev/null
+++ b/packages/storybook-react/src/stories/contributing.stories.mdx
@@ -0,0 +1,8 @@
+import { Markdown, Meta } from "@storybook/blocks";
+import document from "@utrecht/component-library-react/CONTRIBUTING.md?raw";
+
+
+
+{/* @license CC0-1.0 */}
+
+{document}
diff --git a/packages/storybook-react/src/stories/testing.stories.mdx b/packages/storybook-react/src/stories/testing.stories.mdx
new file mode 100644
index 00000000000..ee246495072
--- /dev/null
+++ b/packages/storybook-react/src/stories/testing.stories.mdx
@@ -0,0 +1,8 @@
+import { Markdown, Meta } from "@storybook/blocks";
+import document from "@utrecht/component-library-react/TESTING.md?raw";
+
+
+
+{/* @license CC0-1.0 */}
+
+{document}