Chat Input Component

[Mohammed_Bahageel]

Hi guys dear streamlit users , I hope you are doing well , I have built AI chat application using streamlit in May of this year , however the department manager asked me to update the UI particularly the Chat Input component , I have effectively built one with HTML , CSS and JavaScript that allows me to record audio and send text messages, however I have trouble using this component in my streamlit App,
any clues as to how I can use this custom component? can I wrap it as react component and use it within my app ?
here is the link to the custom component

I want to replace streamlit native components with my chat custom component

thank you so much for your assistance

[Mohammed_Bahageel]

Thank you guys I have convert it into custom chat input widget that enable me to send both audio and text , the package is available here

You can you use it and visit my GitHub repository feel free to make your contribution
Mohammed Bahageel
Artificial Intelligence Developer

[eduardob]

thanks for sharing! I gave it a try and it’s pretty nice!