diff --git a/packages/ui/components/form/switch/switch.stories.mdx b/packages/ui/components/form/switch/switch.stories.mdx
new file mode 100644
index 0000000000..cef02ba66c
--- /dev/null
+++ b/packages/ui/components/form/switch/switch.stories.mdx
@@ -0,0 +1,97 @@
+import { TooltipProvider } from "@radix-ui/react-tooltip";
+import { Canvas, Meta, Story, ArgsTable } from "@storybook/addon-docs";
+
+import {
+ Examples,
+ Example,
+ Title,
+ VariantsTable,
+ CustomArgsTable,
+ VariantRow,
+} from "@calcom/storybook/components";
+
+import Switch from "./Switch";
+
+
+
+
+
+## Definition
+
+Switch is a customizable toggle switch component that allows users to change between two states.
+
+## Structure
+
+The `Switch` component can be used to create toggle switches for various purposes. It provides options for adding labels, icons, and tooltips.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+