Scrollable Radio widget

This one modifies the row-widget style.

Code

import streamlit as st

# Add vertical scroll for radio.
st.markdown("""
    <style>
        .row-widget {
            height: 200px;
            overflow-y: scroll;
        }
    </style>
    """,
    unsafe_allow_html=True)


big_list = [10, 85, 69, 20, 30, 52, 40, 89, 45, 12, 50, 60, 45, 14, 10,
            70, 25, 15, 20, 85, 12, 58, 12, 46, 12, 14, 57, 98, 36, 12
]

col = st.columns([1, 1, 4], gap='medium')

with col[0]:
    st.write('Select')
    rb = st.radio('select', big_list, label_visibility='collapsed', key='rb_1')

with col[1]:
    st.text_input('Value selected', value=rb, key='ti_1')

Image

1 Like