Skip to main content

streamlit-option-menu is a simple Streamlit component that allows users to select a single item from a list of options in a menu.

Project description

streamlit-option-menu is a simple Streamlit component that allows users to select a single item from a list of options in a menu.
It is similar in function to st.selectbox(), except that:
- It uses a simple static list to display the options instead of a dropdown
- It has configurable icons for each option item and the menu title

It is built on [streamlit-component-template-vue](https://github.com/andfanilo/streamlit-component-template-vue), styled with [Bootstrap](https://getbootstrap.com/) and with icons from [bootstrap-icons](https://icons.getbootstrap.com/)

## Installation
```
pip install streamlit-option-menu
```

## Parameters
The `option_menu` function accepts the following parameters:
- menu_title (required): the title of the menu; pass None to hide the title
- options (required): list of (string) options to display in the menu; set an option to "---" if you want to insert a section separator
- default_index (optional, default=0): the index of the selected option by default
- menu_icon (optional, default="menu-up"): name of the [bootstrap-icon](https://icons.getbootstrap.com/) to be used for the menu title
- icons (optional, default=["caret-right"]): list of [bootstrap-icon](https://icons.getbootstrap.com/) names to be used for each option; its length should be equal to the length of options
- orientation (optional, default="vertical"): "vertical" or "horizontal"; whether to display the menu vertically or horizontally

The function returns the (string) option currently selected

## Example
```
import streamlit as st
from streamlit_option_menu import option_menu

with st.sidebar:
selected = option_menu("Main Menu", ["Home", 'Settings'],
icons=['house', 'gear'], menu_icon="cast", default_index=1)
selected

# horizontal Menu
selected2 = option_menu(None, ["Home", "Upload", "Tasks", 'Settings'],
icons=['house', 'cloud-upload', "list-task", 'gear'],
menu_icon="cast", default_index=0, orientation="horizontal")
selected2
```


Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

streamlit-option-menu-0.3.5.tar.gz (782.7 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

streamlit_option_menu-0.3.5-py3-none-any.whl (785.3 kB view details)

Uploaded Python 3

File details

Details for the file streamlit-option-menu-0.3.5.tar.gz.

File metadata

  • Download URL: streamlit-option-menu-0.3.5.tar.gz
  • Upload date:
  • Size: 782.7 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/4.0.2 CPython/3.10.6

File hashes

Hashes for streamlit-option-menu-0.3.5.tar.gz
Algorithm Hash digest
SHA256 a4cb9de40dd5f77fb22d0a15e880c4a347eebd6ae7f064da7f855ed71d102786
MD5 7961606addaa90b09dd1c7e66d07cd31
BLAKE2b-256 f4f3bdf4504f2a2a7e7f0fbd6bcfafeb2819630844c2b835a36b735eb5006588

See more details on using hashes here.

File details

Details for the file streamlit_option_menu-0.3.5-py3-none-any.whl.

File metadata

File hashes

Hashes for streamlit_option_menu-0.3.5-py3-none-any.whl
Algorithm Hash digest
SHA256 2f0922c864cfe74cd6f891a08d0516756e5c514f0333636f247f09000b8032ee
MD5 9fdc88e685c688e33cf540b10d8ad684
BLAKE2b-256 a2f134c23a022fd76204687c1bd52583dbe307bf5df06939b922effb2d720147

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page