diff --git a/agnosticui-vue/src/stories/Button.stories.js b/agnosticui-vue/src/stories/Button.stories.js
index 563c61386..0d837d6c4 100644
--- 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),