about summary refs log tree commit diff
path: root/components/TheFooter.stories.js
diff options
context:
space:
mode:
authorPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-10-21 20:35:16 +0200
committerPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-10-21 20:35:16 +0200
commit2103c12d42a7d10ef15886119929ef7326822833 (patch)
treee85451bab3d3b85ce98e2ad7685647f8314e12ac /components/TheFooter.stories.js
parent82cd395bf7deb8f1df95be5a0bb3f59d0b1108e1 (diff)
downloadpuszcza-2103c12d42a7d10ef15886119929ef7326822833.tar.gz
puszcza-2103c12d42a7d10ef15886119929ef7326822833.zip
Add footer stories
Diffstat (limited to 'components/TheFooter.stories.js')
-rw-r--r--components/TheFooter.stories.js29
1 files changed, 29 insertions, 0 deletions
diff --git a/components/TheFooter.stories.js b/components/TheFooter.stories.js
new file mode 100644
index 0000000..ceb5015
--- /dev/null
+++ b/components/TheFooter.stories.js
@@ -0,0 +1,29 @@
+import { storiesOf } from '@storybook/vue'
+import { action } from '@storybook/addon-actions'
+
+import TheFooter from './TheFooter'
+
+export const routes = [
+  { path: '/', name: 'Strona główna' },
+  { path: '/download', name: 'Do pobrania' },
+  { path: '/kontakt', name: 'Kontakt' },
+  { path: '/kronika', name: 'Kronika' }
+]
+
+const footer = {
+  routes
+}
+
+const alwaysBottom = () => ({
+  template: `<div style="display:flex;flex-direction:column;min-height:100vh"><div style="flex:1"></div><story/></div>`
+})
+
+storiesOf('TheFooter', module)
+  .addDecorator(alwaysBottom)
+  .add('default', () => {
+    return {
+      components: { TheFooter },
+      template: `<the-footer :routes="routes" />`,
+      data: () => footer
+    }
+  })