Metric: replace arrow with circle

[mathcatsand]

It’s hacky, but…

import streamlit as st

st.metric(label='My Metric', value=10000, delta=10)

css = '''
<style>
    [data-testid="stMetricDelta"] svg {
        display: none;
    }
    [data-testid="stMetricDelta"] > div::before {
        content:"◯";
        font-weight: bold;
    }
</style>
'''

st.markdown(css, unsafe_allow_html=True)

And here’s a different post about centering if that’s desirable, too.