Added storybook with example in thw preview.tsx

2026-07-12 15:44:12 +02:00
parent 54255b453a
commit 15b92fa27e
10 changed files with 2261 additions and 15 deletions
@@ -0,0 +1,41 @@
+import type { Meta, StoryObj } from '@stencil/storybook-plugin';
+import { h } from '@stencil/core';
+import { MyComponent } from './my-component';
+
+const meta: Meta<MyComponent> = {
+  title: 'MyComponent',
+  component: MyComponent,
+  parameters: {
+    layout: 'centered',
+  },
+  argTypes: {
+    first: { control: 'text' },
+    last: { control: 'text' },
+    middle: { control: 'text' },
+  },
+  args: { first: 'John', last: 'Doe', middle: 'Michael' },
+};
+
+export default meta;
+
+type Story = StoryObj<MyComponent>;
+
+export const Primary: Story = {
+  args: {
+    first: 'John',
+    last: 'Doe',
+    middle: 'Michael',
+  },
+  render: (props) => <my-component {...props} />,
+};
+
+/**
+ * Storybook story without custom render function
+ */
+export const Secondary: Story = {
+  args: {
+    first: 'Jane',
+    last: 'Smith',
+    middle: 'Marie',
+  },
+};