streamlitでは、簡単に左カラムに共通のナビゲーションを作るメソッドが用意されている。
以下のようにファイルを用意して実行するだけで、ディレクトリからファイルを読みこみ表示してくれる。
実行すると以下のように表示される。
レスポンシブにも対応している。
コードは以下
import streamlit as st
pages = {
"カテゴリー１": [
st.Page("pages/sample.py", title="サンプル"),
st.Page("pages/sample2.py", title="サンプル2"),
],
}
pg = st.navigation(pages)
pg.run()
