Style text within streamlit component to look like everything else

How do I get my streamlit component to matching the styling of everything else? Take a look at this minimial example:

import streamlit as st
import streamlit.components.v1 as components

st.markdown("# Hello world!")
components.html("<h1>Hello world!</h1>")
components.html('<div class="markdown-text-container stMarkdown"><h1>Hello world!</h1></div>')

Screenshot from 2020-12-14 00-09-59

Ideally, I’d like to have the second or third “hello world” look like the first one.

1 Like