コンテンツにスキップ

サイドバー (Sidebar)

アプリの操作パネルや設定項目を配置するのに最適な場所が「サイドバー」です。

全てのウィジェット(ボタン、入力、テキストなど)は、st.sidebar を付けるだけでサイドバーに配置できます。

  • st.text_input(...) → メインエリアに配置
  • st.sidebar.text_input(...) → サイドバーに配置
layout_sidebar.py
import streamlit as st
st.title("サイドバーの活用")
# サイドバーに見出しとウィジェットを追加
st.sidebar.header("設定メニュー")
# ユーザー名をサイドバーで入力
user_name = st.sidebar.text_input("ユーザー名", "ゲスト")
# セレクトボックスをサイドバーに配置
theme = st.sidebar.selectbox("テーマカラー", ["", "", ""])
# メインエリア(右側の広い部分)への表示
st.write(f"こんにちは、**{user_name}** さん!")
st.write(f"選択されたテーマは **{theme}** です。")
st.info("👈 左側のサイドバーを操作してみてください。")

左側の矢印(>)をクリックしてサイドバーを開閉できます(スマホではハンバーガーメニューになります)。