Storybook responsive fix

2025-08-11 13:54:54 -06:00
parent 4ef658a355
commit 79ae558b60
21 changed files with 5371 additions and 159 deletions
@@ -0,0 +1,38 @@
+import HeaderTab from "../app/components/HeaderTab";
+import Logo from "../app/components/Logo";
+
+export default {
+  title: "Components/HeaderTab",
+  component: HeaderTab,
+  parameters: {
+    layout: "centered",
+    docs: {
+      description: {
+        component:
+          "A header tab container with decorative Union images and responsive behavior. Used to wrap content in the header with consistent styling and responsive breakpoint transitions.",
+      },
+    },
+  },
+  argTypes: {
+    stretch: {
+      control: { type: "boolean" },
+      description: "Whether the tab should stretch to fill available space",
+    },
+    className: {
+      control: { type: "text" },
+      description: "Additional CSS classes",
+    },
+  },
+  tags: ["autodocs"],
+};
+
+export const Default = {
+  args: {
+    stretch: false,
+  },
+  render: (args) => (
+    <HeaderTab {...args}>
+      <Logo size="homeHeaderMd" />
+    </HeaderTab>
+  ),
+};