🎛️ Streamlit 入力ウィジェット ― 選択・スイッチ・スライダー・アップロード

タグ（ピル）状の選択UI。selection_mode="multi" で複数選択、"single" で単一選択。少数の選択肢を見せたまま選ばせたいときに。v1.40 で追加。

selected = st.pills("技術", options, selection_mode="multi")

Reactとの比較：タグ選択は自前かライブラリで組む領域。Streamlit は1行で複数選択のピルになる。

横並びのセグメント切替（単一選択）。期間切替やビュー切替など、選択肢が少なく常時見せたい場面に。v1.40 で追加。

view = st.segmented_control("期間", ["日", "週", "月"])

Reactとの比較：ラジオ的な単一選択を横並びボタンで。React なら自前のトグルボタン群。

マイクからの録音入力。音声をその場で録ってアップロードでき、音声系アプリの入口に。v1.40 で GA。

audio = st.audio_input("音声を録音")

Reactとの比較：MediaStream API を自前で扱う領域を、Streamlit は録音UIごと1行で提供する。

外部URLへ遷移するボタン。見た目はボタン、挙動はリンク。v1.27 で追加。

st.link_button("開く", "https://...")

Reactとの比較：<a> をボタン風に当てる定番を、Streamlit は専用関数で。

オン/オフのスイッチUI。st.checkbox の代替として、設定の有効・無効に。v1.26 で追加。

on = st.toggle("有効化", value=True)

Reactとの比較：スイッチUIは自前かライブラリ。Streamlit は1行でブール値が返る。

基本のボタン。type="primary" で強調。押された瞬間だけ True を返す。

if st.button("送信", type="primary"):
    ...

Reactとの比較：onClick を自前で。Streamlit は if の中に処理を書くだけ。

単一選択のドロップダウン。選んだ値がそのまま返る。

choice = st.selectbox("枠組み", ["Next.js", "Remix"])

Reactとの比較：select/combobox を組む領域を1行で。

複数選択。選んだ項目がタグで表示され、リストで返る。

picked = st.multiselect("技術", options, default=["React"])

Reactとの比較：マルチセレクトUIを1行で。

数値・範囲をドラッグ入力。(min, max) のタプルを初期値に渡すと範囲スライダーになる。

low, high = st.slider("価格帯", 0, 100, (20, 80))

Reactとの比較：スライダーUIを1行で。範囲指定も標準。

日付ピッカー。タプルを渡せば期間（範囲）選択にもなる。

d = st.date_input("公開日")

Reactとの比較：デートピッカーを1行で。

カラーピッカー。選んだ色の HEX 文字列が返る。

color = st.color_picker("色", "#cc0000")

Reactとの比較：カラーピッカーを1行で。

ファイルアップロード。type で拡張子制限、accept_multiple_files=True で複数可。アップロードされたファイルオブジェクトが返る。

f = st.file_uploader("CSV をアップロード", type=["csv"])

Reactとの比較：ドラッグ&ドロップ・進捗表示まで作る領域を、Streamlit は1行で。