How to add st.button next to st.chat_input

dataprofessor · November 23, 2023, 7:26am

It does seem that the current implementation of st.chat_input does not support the insert of prompt text value while st.text_input does.

There’s a discussion about this in the following GitHub issue and there’s actually a hacky solution mentioned, please see if that would work for you:

github.com/streamlit/streamlit

Custom text value for `st.chat_input`

opened 07:02AM - 13 Aug 23 UTC

Frank17

type:enhancement feature:st.chat_input

### Checklist - [X] I have searched the [existing issues](https://github.com/st…reamlit/streamlit/issues) for similar feature requests. - [X] I added a descriptive title and summary to this issue. ### Summary I propose to add a parameter to `st.chat_input` that allows for the customization of the user prompt, similar to the `value` parameter of `st.text_input`. ### Why? I have been working on an LLM that is built on top of ChatGPT. On the App page, there's a dropdown of prompt examples that users can choose from, and once they select a prompt, it should automatically appear in the `st.chat_input` box (similar to the prompt examples ChatGPT provides). Unfortunately, there is currently no way to set a custom prompt for `st.chat_input`. As this is a common practice for UIs of chat models, this functionality could be extremely helpful for a lot of applications. ### How? I currently don't have much time to understand the details of `st.chat_input`'s implementation, but I suppose it is at least somewhat similar to how `st.text_input` is implemented. I think the team can look into how the `value` parameter is handled in `st.text_input` and use it as a reference for this functionality. ### Additional Context _No response_

Topic		Replies	Views
How do i put buttons under st chat input in streamlit? Using Streamlit	13	10562	August 20, 2024
Fix st.form to the bottom of the st.container Using Streamlit	10	4020	February 9, 2024
I have problem with st.button and and st.chat_input while using it both together like chatgpt chatbar and questions that showing above on search bar Using Streamlit chatgpt , discussion	2	584	September 14, 2024
How to display st.chat_input() widget in different locations other than the bottom of the page? Using Streamlit components	8	2733	June 23, 2024
Horizontally align `st.text_input` and `st.form_submit_button` in `st.form` in the same line Using Streamlit	9	5934	August 7, 2023

How to add st.button next to st.chat_input

Related topics

Hello there 👋🏻

Cookie settings

Strictly necessary cookies

Performance cookies

Functional cookies

Targeting cookies