From 863656f7184d57b3e464ae092b8439336c28e1cd Mon Sep 17 00:00:00 2001
From: mattwr18 <mattwr18@gmail.com>
Date: Tue, 24 Mar 2020 16:43:18 +0100
Subject: [PATCH] chore: add story for LabeledButton

---
 .../LabeledButton/LabeledButton.story.js      | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 webapp/components/_new/generic/LabeledButton/LabeledButton.story.js

diff --git a/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js b/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js
new file mode 100644
index 000000000..9a22ab427
--- /dev/null
+++ b/webapp/components/_new/generic/LabeledButton/LabeledButton.story.js
@@ -0,0 +1,35 @@
+import { storiesOf } from '@storybook/vue'
+import helpers from '~/storybook/helpers'
+import LabeledButton from './LabeledButton.vue'
+
+storiesOf('Generic/LabeledButton', module)
+  .addDecorator(helpers.layout)
+  .add('default', () => ({
+    components: { LabeledButton },
+    data: () => ({
+      filled: false,
+    }),
+    template: `
+      <labeled-button
+        icon="check"
+        :filled="filled"
+        label="All"
+        @click="filled = !filled"
+      />
+    `,
+  }))
+
+  .add('filled', () => ({
+    components: { LabeledButton },
+    data: () => ({
+      filled: true,
+    }),
+    template: `
+      <labeled-button
+        icon="check"
+        :filled="filled"
+        label="All"
+        @click="filled = !filled"
+      />
+    `,
+  }))