Embed Gradio components in an app (React/Flask/Django etc)

[codeghees]

How can I embed the interface like you did in your website?

I want to create a gradio app within another web framework - React, Flask or Django
Can I package it in a docker container?

[aliabid94]

For now, the best way is to embed an iframe. Working on making this seamless as it is on the main site.

[aliabd]

Let's get some documentation for this when it's ready @aliabid94 :)

[codeghees]

Yes please!
What are the limitations of an iframe though?

[aliabid94]

You should be able to do everything normally with an iframe, the main shortcoming of an iframe is that you'll have to set the width and height manually, and it wont resize and the inputs and outputs may change

[maxhchen]

Have there been any updates to this?

[wj-Mcat]

Have there been any updates to this?

[abidlabs]

Yes, please take a look here: https://www.gradio.app/sharing_your_app/#embedding-hosted-spaces

[Demi1024]

Have there been any updates to this? How to get the height of iframe content and avoid scrollbars？
Looking forward to the answer, thanks a lot.

[abidlabs]

Did you try the suggestions here: https://gradio.app/sharing_your_app/#embedding-hosted-spaces

[Wuffle1125]

I am using an iframe to embed my gradio app, but how can I make communication between my parent app and gradio app?
https://stackoverflow.com/questions/9153445/how-to-communicate-between-iframe-and-the-parent-site
From this link, I tried to send message from parent website to this iframe (gradio app)
But I don't see any possible way to get that message in gradio.

[shimaaahmedd]

I need to embed private hugging face to iframe