diff --git a/storybook/package-lock.json b/storybook/package-lock.json
index d8c7ccc4..fb7adf73 100644
--- a/storybook/package-lock.json
+++ b/storybook/package-lock.json
@@ -8067,6 +8067,15 @@
         "sling-web-component-icon": "^1.11.7"
       }
     },
+    "sling-web-component-loader": {
+      "version": "1.11.7",
+      "resolved": "https://registry.npmjs.org/sling-web-component-loader/-/sling-web-component-loader-1.11.7.tgz",
+      "integrity": "sha512-iao8X89UDX2gRxwPbLeB/HrM4EqggkR4EHM/ftSHC+5nmFN+tJgMEADibmMr9B8UX7GxoKxWMXLOX38MycElsg==",
+      "requires": {
+        "sling-framework": "^1.11.7",
+        "sling-helpers": "^1.11.7"
+      }
+    },
     "sling-web-component-snackbar": {
       "version": "1.11.7",
       "resolved": "https://registry.npmjs.org/sling-web-component-snackbar/-/sling-web-component-snackbar-1.11.7.tgz",
diff --git a/storybook/package.json b/storybook/package.json
index 17ec85aa..9032f6b5 100644
--- a/storybook/package.json
+++ b/storybook/package.json
@@ -20,9 +20,10 @@
   "dependencies": {
     "sling-web-component-brand-icon": "^1.11.7",
     "sling-web-component-button": "^1.11.7",
-    "sling-web-component-snackbar": "^1.11.7",
-    "sling-web-component-label": "^1.11.7",
     "sling-web-component-input": "^1.11.7",
+    "sling-web-component-label": "^1.11.7",
+    "sling-web-component-loader": "^1.11.7",
+    "sling-web-component-snackbar": "^1.11.7",
     "vue": "^2.5.21"
   }
 }
diff --git a/storybook/stories/loader/Loader.js b/storybook/stories/loader/Loader.js
new file mode 100644
index 00000000..75ddefd1
--- /dev/null
+++ b/storybook/stories/loader/Loader.js
@@ -0,0 +1,13 @@
+import 'sling-web-component-loader'
+
+export default {
+    name: 'storybook-loader',
+
+    template: `
+        <div>
+            <h1>Example</h1>
+            <sling-loader loading></sling-loader>
+        </div>
+    `,
+
+};
diff --git a/storybook/stories/loader/loader.stories.js b/storybook/stories/loader/loader.stories.js
new file mode 100644
index 00000000..a74f14dd
--- /dev/null
+++ b/storybook/stories/loader/loader.stories.js
@@ -0,0 +1,11 @@
+import { storiesOf } from '@storybook/vue';
+
+import StorybookLoader from './Loader';
+
+const stories = storiesOf('loader', module);
+
+stories
+  .add('Example', () => ({
+    components: { StorybookLoader },
+    template: '<storybook-loader />',
+  }));