diff --git a/apps/designer/app/shared/design-system/components/combobox.stories.tsx b/apps/designer/app/shared/design-system/components/combobox.stories.tsx
new file mode 100644
index 0000000000..3be4ece079
--- /dev/null
+++ b/apps/designer/app/shared/design-system/components/combobox.stories.tsx
@@ -0,0 +1,24 @@
+import { ComponentStory } from "@storybook/react";
+import React from "react";
+import { Combobox } from "~/shared/design-system";
+
+export default {
+  component: Combobox,
+};
+
+export const Simple: ComponentStory<typeof Combobox> = () => {
+  const options = [
+    { label: "Apple" },
+    { label: "Banana" },
+    { label: "Orange" },
+  ];
+  const [value, setValue] = React.useState(options[0]);
+  return (
+    <Combobox
+      name="fruit"
+      items={options}
+      value={value}
+      onValueChange={setValue}
+    />
+  );
+};