Storybook created

2025-08-11 08:22:21 -06:00
parent fb412b7415
commit acc572e6be
37 changed files with 4880 additions and 13 deletions
@@ -0,0 +1,42 @@
+import HeaderTab from "../app/components/HeaderTab";
+
+export default {
+  title: "Components/HeaderTab",
+  component: HeaderTab,
+  parameters: {
+    layout: "centered",
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    stretch: {
+      control: { type: "boolean" },
+    },
+  },
+  args: {
+    children: "Header Tab Content",
+    stretch: false,
+  },
+};
+
+export const Default = {
+  args: {},
+};
+
+export const Stretched = {
+  args: {
+    stretch: true,
+    children: "Stretched Header Tab",
+  },
+};
+
+export const WithContent = {
+  render: () => (
+    <div className="w-full max-w-2xl">
+      <HeaderTab>
+        <div className="flex items-center h-full">
+          <span className="text-white font-medium">Tab Content</span>
+        </div>
+      </HeaderTab>
+    </div>
+  ),
+};