search

FredrikOseberg / react-chatbot-kit

MIT License
297 stars 139 forks source link

How customize and/or react-chatbot-kit-chat-input-container #47

Open anroche opened 3 years ago

anroche commented 3 years ago

Ho, Thank you for this great package 👌. There is just one question (but I may have read the doc incorrectly 😅), I would like to customize the input and the send message button, to add my features, or simply remove it and do mine.

could you help me thank you 🙏

FredrikOseberg commented 3 years ago

Hi! Thanks.

Currently, you can't swap out the input and send button. The best you can do is to "add your features on top" using creative positioning. Or make changes to the CSS classes that they are using.

I'm looking into improving this in the next version of this package.

anroche commented 3 years ago

Hi ! just to share my solution. We can remove a component by using it's classname.

window.document.getElementsByClassName('ClassName-I-Want-To-Remove')[0].remove();

This solution fix my problem 😉

Damini70 commented 1 year ago

i want to disable button if user want to send empty msgs. Is it possible

anroche commented 1 year ago

Hi @Damini70 i think maybe this can help you : check this answer

deepak481 commented 6 months ago

Hi @Damini70 i think maybe this can help you : check this answer

Thanks bro, it worked well!!👍

alejandroacd commented 1 month ago

Hi! Thanks.

Currently, you can't swap out the input and send button. The best you can do is to "add your features on top" using creative positioning. Or make changes to the CSS classes that they are using.

I'm looking into improving this in the next version of this package.

Hello. I need to change the input for a textarea tag. How can i do that? I just need to modify that for my project. It is possible? Thnx.

meiftikaralam commented 1 month ago

@FredrikOseberg when this feature would be released?