moving from .js stories to .tsx

openint-bak · Oct 25, 2024 · c6603f9 · c6603f9
1 parent fc04453
commit c6603f9
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 33 deletions.
diff --git a/packages/ui/stories/Button.stories.js → packages/ui/stories/Button.stories.tsx b/packages/ui/stories/Button.stories.js → packages/ui/stories/Button.stories.tsx
diff --git a/...ages/ui/stories/CheckboxFilter.stories.js → ...ges/ui/stories/CheckboxFilter.stories.tsx b/...ages/ui/stories/CheckboxFilter.stories.js → ...ges/ui/stories/CheckboxFilter.stories.tsx
@@ -19,7 +19,6 @@ export default {
   args: {onApply: fn()},
 }
 
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
 export const Primary = {
   args: {
     options: ['Accounting', 'ATS', 'Banking', 'Database'],

diff --git a/...ages/ui/stories/ConnectionCard.stories.js → ...ges/ui/stories/ConnectionCard.stories.tsx b/...ages/ui/stories/ConnectionCard.stories.js → ...ges/ui/stories/ConnectionCard.stories.tsx
diff --git a/packages/ui/stories/Tabs.stories.js b/packages/ui/stories/Tabs.stories.js
diff --git a/packages/ui/stories/Tabs.stories.tsx b/packages/ui/stories/Tabs.stories.tsx
@@ -0,0 +1,28 @@
+import {Tabs} from '../components/Tabs'
+
+export default {
+  title: 'Example/Tabs',
+  component: Tabs,
+  argTypes: {
+    tabConfig: {control: 'object'},
+    defaultValue: {control: 'text'},
+  },
+}
+
+export const Primary = {
+  args: {
+    tabConfig: [
+      {
+        key: 'connections',
+        title: 'Connections',
+        content: <div>Content1</div>,
+      },
+      {
+        key: 'settings',
+        title: 'Settings',
+        content: <div>Content2</div>,
+      },
+    ],
+    defaultValue: 'connections',
+  }
+}