From 7b26395c2f3ac1c5cce685287e91f89a5d0e4d39 Mon Sep 17 00:00:00 2001
From: derhess <FlorianWeil@gmx.de>
Date: Sun, 6 Jan 2019 17:23:59 +0100
Subject: [PATCH] Added Markdown Loader for rendering in  Storybook Webpack
 Configuration

---
 .storybook/webpack.config.js             | 17 +++++++++++++----
 package-lock.json                        | 10 ++++++++++
 package.json                             |  3 ++-
 src/components/00-atoms/button/button.md |  2 ++
 4 files changed, 27 insertions(+), 5 deletions(-)

diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
index 5d9aaf4..2feebd1 100644
--- a/.storybook/webpack.config.js
+++ b/.storybook/webpack.config.js
@@ -1,11 +1,20 @@
-const path = require('path');
+const path = require("path");
 
 module.exports = (storybookBaseConfig, configType, defaultConfig) => {
   defaultConfig.module.rules.push({
     test: [/\.stories\.js$/, /index\.js$/],
-    loaders: [require.resolve('@storybook/addon-storysource/loader')],
-    include: [path.resolve(__dirname, '../stories')],
-    enforce: 'pre',
+    loaders: [require.resolve("@storybook/addon-storysource/loader")],
+    include: [path.resolve(__dirname, "../stories")],
+    enforce: "pre"
+  });
+
+  defaultConfig.module.rules.push({
+    test: /\.md$/,
+    use: [
+      {
+        loader: "markdown-loader"
+      }
+    ]
   });
 
   return defaultConfig;
diff --git a/package-lock.json b/package-lock.json
index b4724c2..b3455bd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8527,6 +8527,16 @@
         "object-visit": "^1.0.0"
       }
     },
+    "markdown-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/markdown-loader/-/markdown-loader-4.0.0.tgz",
+      "integrity": "sha512-9BCm8iyLF4AVYtjtybOTg8cTcpWYKsDGWWhsc7XaJlXQiddo3ztbZxLPJ28pmCxFI1BlMkT1wDVav1chPjTpdA==",
+      "dev": true,
+      "requires": {
+        "loader-utils": "^1.1.0",
+        "marked": "^0.5.0"
+      }
+    },
     "marked": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/marked/-/marked-0.5.2.tgz",
diff --git a/package.json b/package.json
index eb9af3e..c5bd47a 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "eventemitter3": "^3.1.0",
     "format-json": "^1.0.3",
     "global": "^4.3.2",
-    "jest": "^23.6.0"
+    "jest": "^23.6.0",
+    "markdown-loader": "^4.0.0"
   }
 }
diff --git a/src/components/00-atoms/button/button.md b/src/components/00-atoms/button/button.md
index c7c6745..447210f 100644
--- a/src/components/00-atoms/button/button.md
+++ b/src/components/00-atoms/button/button.md
@@ -1,3 +1,5 @@
 _Button Markdown_
 
 [Insert description here]
+
+**Headline**