st_searchbox renders an interactive search box in a Streamlit app. Pass a search function as its first argument; the function runs when the user changes the query and supplies matching results. section 9.1.3
Choose two players
Place two search boxes in Streamlit columns, label them separately, and provide different defaults such as Roger Federer and Rafael Nadal. Selecting a result assigns the chosen player to the corresponding variable, which can then parameterize a database query. section 9.1.3
Listing 9.3 Parameterizing a Streamlit component with Python
left, right = st.columns(2) #1
with left:
player1 = st_searchbox(search_players, #2
label="Player 1",
key="player1_search",
default="Roger Federer",
placeholder="Roger Federer"
)
with right:
player2 = st_searchbox(search_players,
label="Player 2",
key="player2_search",
default="Rafael Nadal",
placeholder="Rafael Nadal"
)
The runnable pattern combines columns, a search_players callback, labels, keys, defaults, and placeholders. section 9.1.3
