react-chatbot-kit icon indicating copy to clipboard operation
react-chatbot-kit copied to clipboard

Replace message input box and send button with custom component.

Open SazzadSowmik opened this issue 1 year ago • 3 comments

I'm using this super cool chatbot. But I couldn't found any custom component feature for message box and send button. Help me if there is a way to do so. If it's there, I convert the input box into different type, like, textarea, email, image etc.

There might me different solution for my use case. Please have a look into my usecase.

  • I need a button beside the inbox box which will take an image and send it to the server along with the message.
  • I need to convert the text input to a textarea field so that user can easily give a long text input.

SazzadSowmik avatar Dec 07 '23 03:12 SazzadSowmik

Im looking for exact same!

egioia-blend avatar Jan 27 '24 14:01 egioia-blend

I have added a mic button beside my send button in the input container for audio input, and it is working. Try to make changes using getElementsByClassName().

harshdetroja avatar Mar 16 '24 04:03 harshdetroja

Also ran into this issue and hope that it can be fixed in future!

In the meantime a temporary fix I used is to clone the repo, make the required changes and then create a local npm package for my own use:

To create the local package:

  1. nvm use 16..0
  2. npm install --global yarn
  3. export PATH="$PATH:$(yarn global bin)"
  4. npm pack

To use the local package:

  1. npm install path/to/package.tgz

Hope this helps somebody!

JerryO3 avatar Jul 19 '24 07:07 JerryO3