Creating streamlit chatbot as pop-up box in react app

Using Streamlit
1

I am working on a chatbot built on Streamlit, and I want to embed the Streamlit chatbot UI and backend into my React frontend as a popup instead of a standalone page for the chatbot.

Is there any possibility to make this happen?
Do you have any tips or posts to guide me through it?

Note: I am new to streamlit.

2

Hi @Rowaida_Almazroui

If you want to embed a Streamlit app you can embed it inside an iframe.

Here’s an example code snippet:

<iframe
  src="https://30days.streamlit.app/?embed=true"
  height="450"
  style="width:100%;border:none;"
></iframe>

More details at Embed your app - Streamlit Docs

3

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.