Are you using HTML in Markdown? Tell us why!

Custom Components
24
  1. Download the Google Material Design CSS stylesheet from https://fonts.googleapis.com/icon?family=Material+Icons locally to e.g. icons.css.
  2. Load css using hack I specified above.
st.markdown('<style>' + open('icons.css').read() + '</style>', unsafe_allow_html=True)
  1. Display icon by injecting icon html.
st.markdown('<i class="material-icons">face</i>', unsafe_allow_html=True)

But it would be awesome if the maintainers could add st.css() and st.icon() features.

8 Likes