Circular connection of slider and text_input

🧩 Custom Components
4

Hi @rdzudzar and @qhi ,

If I understood correctly , I guess this is something you guys are looking for,

import streamlit as st

"st.session_state object:" , st.session_state

def update_slider():
    st.session_state.slider = st.session_state.numeric
def update_numin():
    st.session_state.numeric = st.session_state.slider            

val = st.number_input('Input', value = 0, key = 'numeric', on_change = update_slider)


slider_value = st.slider('slider', min_value = 0, 
                        value = val, 
                        max_value = 5,
                        step = 1,
                        key = 'slider', on_change= update_numin)

streamlit-test-2022-02-07-15-02-31

Basically the on_change callback doing the job. Does this help ?

For further understanding, refer to this amazing video by @Marisa_Smith Session State basics - YouTube

Best
Avra

2 Likes