4 files changed, 45 insertions, 0 deletions
diff --git a/public/.storybook/addons.js b/public/.storybook/addons.js
new file mode 100644
index 0000000..820f9d6
--- /dev/null
+++ b/public/.storybook/addons.js
@@ -0,0 +1,3 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-options/register';
+import '@storybook/addon-knobs/register';
diff --git a/public/.storybook/config.js b/public/.storybook/config.js
new file mode 100644
index 0000000..672bfeb
--- /dev/null
+++ b/public/.storybook/config.js
@@ -0,0 +1,12 @@
+import { configure, addDecorator } from '@storybook/angular';
+import { withKnobs } from '@storybook/addon-knobs/angular';
+
+addDecorator(withKnobs);
+
+const req = require.context('../src/stories', true, /.stories.ts$/);
+
+function loadStories() {
+  req.keys().forEach(filename => req(filename));
+}
+
+configure(loadStories, module);
diff --git a/public/.storybook/preview-head.html b/public/.storybook/preview-head.html
new file mode 100644
index 0000000..efe6c69
--- /dev/null
+++ b/public/.storybook/preview-head.html
@@ -0,0 +1,20 @@
+<style>
+  html,
+  body {
+    margin: 0;
+    height: 100%;
+  }
+
+  storybook-dynamic-app-root {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 100%;
+    padding: 25px;
+  }
+
+  storybook-dynamic-app-root>ng-component {
+    margin: 0 auto;
+  }
+
+</style>
diff --git a/public/.storybook/tsconfig.json b/public/.storybook/tsconfig.json
new file mode 100644
index 0000000..b36918c
--- /dev/null
+++ b/public/.storybook/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "noImplicitAny": false,
+    "types": ["node"]
+  },
+  "exclude": ["./node_modules/*", "../cypress/**/*.ts", "../src/**/*.spec.ts"],
+  "include": ["../src/stories/**/*.ts"]
+  // , "../node_modules/@storybook/**/*.ts"
+}