HTML/ CSS/ Javascript use with streamlit

Show the Community!
1

Is there a way to use HTML/ CSS and Javascript without making the app static?

2

You can inject HTML, CSS & JavaScript through multiple methods, most commonly the st.markdown():

st.markdown("""
   some streamlit class name {
     background: red;
  }
""", unsafe_allow_html=True)

You can do the same with javascript if you can get the classes names etc or inject it within an HTML component, for this I redirect you to this question I just answerd where you can find how to add whole HTML comonents or just iframes:

And here’s a demo app for that:

https://shinosuke-lab-2.streamlit.app/

1 Like
3

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