Adds a vue based ButtonsDisabledAll story that kind of works but not …

…ideally yet. Storybook explorations continue.
AgnosticUI · Sep 17, 2020 · d6021b1 · d6021b1
1 parent 16f8c00
commit d6021b1
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/agnosticui-vue/src/stories/Button.stories.js b/agnosticui-vue/src/stories/Button.stories.js
@@ -20,12 +20,25 @@ export default {
   },
 };
 
-// TODO -- see if I can get this working
-// export const ButtonsDisabledTest = (args) => ({
-//   title: 'Buttons Disabled',
-//   components: { ButtonsDisabled },
-//   template: `<buttons-disabled />`,
-// });
+export const ButtonsDisabledAll = () => ({
+  title: 'Buttons Disabled',
+  components: { ButtonsDisabled },
+  template: `<buttons-disabled />`,
+  parameters: {
+    docs: {
+      source: {
+        code: `
+          <div>
+            <AgnosticButton label="Default Disabled" isDisabled />
+            <AgnosticButton mode="primary" label="Primary Disabled" isDisabled />
+            <AgnosticButton mode="secondary" label="Secondary Disabled" isDisabled />
+            <AgnosticButton mode="secondary" label="Secondary Bordered Disabled" isBordered isDisabled />
+          </div>
+        `
+      }
+    }
+  }
+});
 
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),