Layouts and Interactivity

import streamlit as st

st.sidebar.title("Settings")
mode = st.sidebar.selectbox("View", ["Overview", "Details"])

import streamlit as st

col1, col2 = st.columns(2)

with col1:
    st.header("Left")
    st.button("Button A")

with col2:
    st.header("Right")
    st.button("Button B")

import streamlit as st

with st.container():
    st.write("This content is grouped together")

with st.expander("Advanced settings"):
    st.slider("Timeout", 1, 30, 10)

import streamlit as st

tab1, tab2 = st.tabs(["Overview", "Raw Data"])

with tab1:
    st.write("Summary metrics")

with tab2:
    st.write("Detailed records")

import streamlit as st

with st.form("profile_form"):
    name = st.text_input("Name")
    role = st.selectbox("Role", ["Developer", "Analyst", "Manager"])
    submitted = st.form_submit_button("Save")

import streamlit as st

if "count" not in st.session_state:
    st.session_state.count = 0

if st.button("Increment"):
    st.session_state.count += 1

st.write(st.session_state.count)

import streamlit as st


def update_name():
    st.session_state.display_name = st.session_state.input_name

st.text_input("Name", key="input_name", on_change=update_name)
st.write(st.session_state.get("display_name", ""))

import streamlit as st
import time

with st.spinner("Loading data..."):
    time.sleep(1)

progress_bar = st.progress(0)
for percent in range(100):
    progress_bar.progress(percent + 1)
    time.sleep(0.01)