[Streamlit] 메뉴 꾸미기

사이드바에 셀렉트박스를 넣어 만든 메뉴다.

 

 

 

이 메뉴를 조금 더 보기좋게 꾸며보자.

 

스트림릿에서 제공하는 option_menu 라이브러리를 통해 메뉴의 색상과 아이콘을 설정할수있다.

 

in:

from streamlit_option_menu import option_menu

def main():

with st.sidebar:
        menu = option_menu('Menu',['Home','EDA','ML'], icons = ['house-door-fill','bar-chart-line-fill','gear-wide-connected'],menu_icon="caret-down-fill", default_index=0,
                         styles={
        "container": {"padding": "5!important", "background-color": "#fafafa"},
        "icon": {"color": "#243746", "font-size": "25px"}, 
        "nav-link": {"font-size": "16px", "text-align": "left", "margin":"0px", "--hover-color": "#eee"},
        "nav-link-selected": {"background-color": "#ef494c"},})

out:

# 파라미터로 메뉴이름을 입력하고 리스트에 메뉴 요소들을 입력한다.

# 메뉴아이콘과 아이콘 파라미터로 메뉴 아이콘을 설정할수있다.

# 아이콘은 https://icons.getbootstrap.com/ 여기를 통해 고를수있다.