docs: add ghost stories

telekom · Oct 31, 2023 · 9cb8ea8 · 9cb8ea8
1 parent cd534a2
commit 9cb8ea8
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/packages/storybook-vue/stories/components/button/Button.stories.mdx b/packages/storybook-vue/stories/components/button/Button.stories.mdx
@@ -221,6 +221,23 @@ For Shadow Parts, please inspect the element's #shadow.
 <scale-button variant="secondary-white">Label</scale-button>
 ```
 
+## Ghost Standard
+
+<Canvas withSource="none">
+  <Story
+    name="Ghost Standard"
+    args={{
+      variant: 'ghost',
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-button variant="secondary-white">Label</scale-button>
+```
+
 ## Disabled
 
 <Canvas withSource="none">
@@ -256,6 +273,25 @@ For Shadow Parts, please inspect the element's #shadow.
 <scale-button variant="secondary" disabled>Label</scale-button>
 ```
 
+## Ghost Disabled
+
+<Canvas withSource="none">
+  <Story
+    name="Ghost Disabled"
+    args={{
+      variant: 'ghost',
+      disabled: true,
+    }}
+  >
+    {Template.bind({})}
+  </Story>
+</Canvas>
+
+```html
+<scale-button variant="secondary" disabled>Label</scale-button>
+```
+
+
 ## With Icon Before
 
 <Canvas withSource="none">