diff --git a/app/client/src/components/formControls/BaseControl.tsx b/app/client/src/components/formControls/BaseControl.tsx
index 6b5dfc1120..bd40dc8fb8 100644
--- a/app/client/src/components/formControls/BaseControl.tsx
+++ b/app/client/src/components/formControls/BaseControl.tsx
@@ -43,6 +43,7 @@ export interface ControlData {
   dataType?: InputType;
   isRequired?: boolean;
   hidden?: HiddenType;
+  placeholderText?: string;
 }
 
 export interface ControlFunctions {
diff --git a/app/client/src/components/formControls/KeyValueArrayControl.tsx b/app/client/src/components/formControls/KeyValueArrayControl.tsx
index df2ba421cd..b55648419d 100644
--- a/app/client/src/components/formControls/KeyValueArrayControl.tsx
+++ b/app/client/src/components/formControls/KeyValueArrayControl.tsx
@@ -104,6 +104,9 @@ const KeyValueRow = (props: KeyValueArrayProps & WrappedFieldArrayProps) => {
                     name={`${field}.${keyName[1]}`}
                     showError
                     validate={keyFieldValidate}
+                    placeholder={
+                      (extraData && extraData[0].placeholderText) || ""
+                    }
                   />
                 </div>
                 {!props.actionConfig && (
@@ -116,6 +119,9 @@ const KeyValueRow = (props: KeyValueArrayProps & WrappedFieldArrayProps) => {
                         <StyledTextField
                           name={`${field}.${valueName[1]}`}
                           type={valueDataType}
+                          placeholder={
+                            (extraData && extraData[1].placeholderText) || ""
+                          }
                         />
                       </div>
                       {index === props.fields.length - 1 ? (