Skip to content

Streamlit

Application

1
import streamlit as st

Home Page

1
2
def home():
    st.write("Home")

Dashboard Page

1
2
def dashboard():
    st.write("Dashboard")

Contact Page

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
def contact():
    container = st.container(
        border=False,
        height=500,
        horizontal=True,
        horizontal_alignment="center",
        vertical_alignment="center",
    )
    form = container.form(
        key="contact_form",
        width=400,
        border=False,
    )

    header = form.container()
    header.header("contact")

    body = form.container()
    body.text_input(label="E-mail")
    body.text_area(label="Message")

    footer = form.container(
        horizontal=True,
        horizontal_alignment="right",
    )
    footer.form_submit_button("Submit")

About Page

1
2
def about():
    st.write("About")

Pages configuration

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
pg = st.navigation(
    [
        st.Page(home, title="Home", icon=":material/house:"),
        st.Page(dashboard, title="Dashboard", icon=":material/bar_chart:"),
        st.Page(contact, title="Contact", icon=":material/phone:"),
        st.Page(about, title="About", icon=":material/person:"),
    ]
)

pg.run()

Run application 

1
 uvx --with plotly streamlit run app.py --server.runOnSave=True