Hi! I have open-sourced a humble UI improvement for the st.chat elements: https://github.com/pierrelouisbescond/streamlit-chat-ui-improvement I want to reposition the chat options I have implemented on top of the st.chat_input. I was thinking of using containers but all my tests have failed so fa…

Hi @pierrelouisbescond I am the author of the package @Odrec recommended. His comment caught my attention and since you provided your code, I thought I would try my hand at a quick solution. I am happy to say that I was able to do it by adding only 3 lines to your code and changing one line! ... …

Combining Container and Chat

Using Streamlit

Odrec June 1, 2024, 1:10pm 2

Maybe this can help you

1 Like

Using the float component in combination with chat input to add chat buttons. Avoiding that the chat text hides behind the buttons

Topic		Replies	Views
Chat Layout: st.chat_input inside a container Using Streamlit discussion , chat , chatbot	5	505	February 28, 2025
New Component: st_better_chat_input Custom Components components , discussion , chat	2	540	September 1, 2025
New Component: Streamlit-chat, a new way to create chatbots Custom Components	61	68495	January 23, 2025
Using the float component in combination with chat input to add chat buttons. Avoiding that the chat text hides behind the buttons Using Streamlit discussion	11	2252	December 7, 2024
Whether there is a layout container can contain streamlit_chat.message Using Streamlit	4	773	February 9, 2024

Combining Container and Chat

Related topics