docs: add new props to storybook

telekom · Nov 24, 2023 · 9c23883 · 9c23883
1 parent 68532d7
commit 9c23883
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/packages/storybook-vue/stories/components/tab-navigation/TabNav.stories.mdx b/packages/storybook-vue/stories/components/tab-navigation/TabNav.stories.mdx
@@ -6,10 +6,12 @@ import {
   Description,
 } from '@storybook/addon-docs';
 import ScaleTabNav from './ScaleTabNav.vue';
+import TabPanel from './TabPanel.vue';
 
 <Meta
   title="Components/Tab Navigation"
   component={ScaleTabNav}
+  subcomponents={{ 'Scale Tab Panel': TabPanel }}
   argTypes={{
     styles: {
       table: {

diff --git a/packages/storybook-vue/stories/components/tab-navigation/TabPanel.vue b/packages/storybook-vue/stories/components/tab-navigation/TabPanel.vue
@@ -0,0 +1,17 @@
+<script>
+  export default {
+    name: 'Tab Panel',
+    props: {
+        styles: { type: String },
+        tabbable: { type: Boolean, default: 'true',
+          argTypes:{
+            table: {
+              type: { summary: 'string' },
+            },
+            description: `(optional) Injected styles`,
+            control: { type: null },
+          },
+        },
+      }
+  };
+</script>