App reorganization

2026-04-18 14:12:49 -06:00
parent f866d11ff8
commit e9dab04b34
288 changed files with 2698 additions and 5029 deletions
@@ -0,0 +1,75 @@
+import NavigationItem from "../../app/components/navigation/NavigationItem";
+
+export default {
+  title: "Components/Navigation/NavigationItem",
+  component: NavigationItem,
+  parameters: {
+    layout: "centered",
+  },
+  argTypes: {
+    href: {
+      control: "text",
+      description: "Anchor href",
+    },
+    variant: {
+      control: "select",
+      options: ["default"],
+      description: "Visual variant",
+    },
+    size: {
+      control: "select",
+      options: ["default", "xsmall"],
+      description: "Size variant",
+    },
+    disabled: {
+      control: "boolean",
+      description: "Disable interaction (renders as span)",
+    },
+    isActive: {
+      control: "boolean",
+      description: "Mark the item as currently active",
+    },
+    children: {
+      control: "text",
+      description: "Item label",
+    },
+  },
+};
+
+export const Default = {
+  args: {
+    children: "Templates",
+    href: "#",
+    variant: "default",
+    size: "default",
+  },
+};
+
+export const Active = {
+  args: {
+    children: "Templates",
+    href: "#",
+    variant: "default",
+    size: "default",
+    isActive: true,
+  },
+};
+
+export const Disabled = {
+  args: {
+    children: "Templates",
+    href: "#",
+    variant: "default",
+    size: "default",
+    disabled: true,
+  },
+};
+
+export const XSmall = {
+  args: {
+    children: "Templates",
+    href: "#",
+    variant: "default",
+    size: "xsmall",
+  },
+};