diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
index a96bebe..e8b7bab 100644
--- a/src/components/Chat/Chat.tsx
+++ b/src/components/Chat/Chat.tsx
@@ -266,6 +266,26 @@ const Chat = ({
     placeholder = placeholderText;
   }
 
+  const inputArea = (
+    <form
+      className="react-chatbot-kit-chat-input-form"
+      onSubmit={handleSubmit}
+    >
+      <input
+        className="react-chatbot-kit-chat-input"
+        placeholder={placeholder}
+        value={input}
+        onChange={(e) => setInputValue(e.target.value)}
+      />
+      <button
+        className="react-chatbot-kit-chat-btn-send"
+        style={customButtonStyle}
+      >
+        <ChatIcon className="react-chatbot-kit-chat-btn-send-icon" />
+      </button>
+    </form>
+  );
+
   return (
     <div className="react-chatbot-kit-chat-container">
       <div className="react-chatbot-kit-chat-inner-container">
@@ -299,23 +319,13 @@ const Chat = ({
         </div>
 
         <div className="react-chatbot-kit-chat-input-container">
-          <form
-            className="react-chatbot-kit-chat-input-form"
-            onSubmit={handleSubmit}
-          >
-            <input
-              className="react-chatbot-kit-chat-input"
-              placeholder={placeholder}
-              value={input}
-              onChange={(e) => setInputValue(e.target.value)}
-            />
-            <button
-              className="react-chatbot-kit-chat-btn-send"
-              style={customButtonStyle}
-            >
-              <ChatIcon className="react-chatbot-kit-chat-btn-send-icon" />
-            </button>
-          </form>
+          <ConditionallyRender
+            condition={!!customComponents.inputMessage}
+            show={customComponents.inputMessage && customComponents.inputMessage({
+              input, setInputValue, handleSubmit, placeholder
+            })}
+            elseShow={inputArea}
+          />
         </div>
       </div>
     </div>
diff --git a/src/interfaces/IConfig.ts b/src/interfaces/IConfig.ts
index 129201e..ea9a1cb 100644
--- a/src/interfaces/IConfig.ts
+++ b/src/interfaces/IConfig.ts
@@ -19,6 +19,7 @@ export interface ICustomComponents {
   botChatMessage?: (props?: any) => ReactElement;
   userAvatar?: (props?: any) => ReactElement;
   userChatMessage?: (props?: any) => ReactElement;
+  inputMessage?: (props?: any) => ReactElement;
 }
 
 export interface ICustomMessage {