diff --git a/packages/builder/src/components/design/settings/componentSettings.js b/packages/builder/src/components/design/settings/componentSettings.js
index c2bd08760a..f20f1aaeec 100644
--- a/packages/builder/src/components/design/settings/componentSettings.js
+++ b/packages/builder/src/components/design/settings/componentSettings.js
@@ -25,6 +25,7 @@ import BarButtonList from "./controls/BarButtonList.svelte"
 import FieldConfiguration from "./controls/FieldConfiguration/FieldConfiguration.svelte"
 import ButtonConfiguration from "./controls/ButtonConfiguration/ButtonConfiguration.svelte"
 import RelationshipFilterEditor from "./controls/RelationshipFilterEditor.svelte"
+import FormStepConfiguration from "./controls/FormStepConfiguration.svelte"
 
 const componentMap = {
   text: DrawerBindableInput,
@@ -50,6 +51,7 @@ const componentMap = {
   url: URLSelect,
   fieldConfiguration: FieldConfiguration,
   buttonConfiguration: ButtonConfiguration,
+  stepConfiguration: FormStepConfiguration,
   columns: ColumnEditor,
   "columns/basic": BasicColumnEditor,
   "columns/grid": GridColumnEditor,
diff --git a/packages/client/manifest.json b/packages/client/manifest.json
index 07645d874a..d71156f7fc 100644
--- a/packages/client/manifest.json
+++ b/packages/client/manifest.json
@@ -6017,6 +6017,37 @@
       }
     ]
   },
+  "multistepformblock": {
+    "name": "Multi step Formblock",
+    "icon": "AssetsAdded",
+    "block": true,
+    "settings": [
+      {
+        "type": "table",
+        "label": "Data",
+        "key": "dataSource"
+      },
+      {
+        "type": "radio",
+        "label": "Type",
+        "key": "actionType",
+        "options": ["Create", "Update", "View"],
+        "defaultValue": "Create"
+      },
+      {
+        "name": "Details",
+        "section": true,
+        "settings": [
+          {
+            "type": "stepConfiguration",
+            "key": "steps",
+            "label": "Multi Steps"
+          }
+        ],
+        "resetOn": ["dataSource", "actionType"]
+      }
+    ]
+  },
   "formblock": {
     "name": "Form Block",
     "icon": "Form",