From b8dd6b3aa274b2517420c3535e3d1ef279b8266e Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Mon, 11 Mar 2024 10:21:18 -0300
Subject: [PATCH] chore(site): add Form storybook (#12469)

Related to #12260
---
 site/src/components/Form/Form.stories.tsx | 36 +++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 site/src/components/Form/Form.stories.tsx

diff --git a/site/src/components/Form/Form.stories.tsx b/site/src/components/Form/Form.stories.tsx
new file mode 100644
index 0000000000..b1dafb94f0
--- /dev/null
+++ b/site/src/components/Form/Form.stories.tsx
@@ -0,0 +1,36 @@
+import TextField from "@mui/material/TextField";
+import type { Meta, StoryObj } from "@storybook/react";
+import { Form, FormFields, FormSection } from "./Form";
+
+const meta: Meta<typeof Form> = {
+  title: "components/Form",
+  component: Form,
+  args: {
+    children: (
+      <FormSection
+        title="General"
+        description="The name of the workspace and its owner. Only admins can create workspace for other users."
+      >
+        <FormFields>
+          <TextField label="Workspace Name" />
+          <TextField label="Owner" />
+        </FormFields>
+      </FormSection>
+    ),
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Form>;
+
+export const Vertical: Story = {
+  args: {
+    direction: "vertical",
+  },
+};
+
+export const Horizontal: Story = {
+  args: {
+    direction: "horizontal",
+  },
+};