Need multi level submenu in streamlit app

Using Streamlit
, , ,
1

Dear Boss

see below picture i need this type of submenu in my streamlit app plese guide me

image
image1363×468 12.6 KB

2

You can upvote issue in GitHub to help the devs keep track of feature requests. Here’s a general request for additional levels in navigation:

3

thank you for your help

Dear, please review the code provided below and guide me on how to obtain the selected item in a variable.

‘‘‘

import streamlit_antd_components as sac

sac.menu([
sac.MenuItem(‘home’, icon=‘house-fill’, tag=[sac.Tag(‘Tag1’, color=‘green’), sac.Tag(‘Tag2’, ‘red’)]),
sac.MenuItem(‘products’, icon=‘box-fill’, children=[
sac.MenuItem(‘apple’, icon=‘apple’),
sac.MenuItem(‘other’, icon=‘git’, description=‘other items’, children=[
sac.MenuItem(‘google’, icon=‘google’, description=‘item description’),
sac.MenuItem(‘gitlab’, icon=‘gitlab’),
sac.MenuItem(‘wechat’, icon=‘wechat’),
]),
]),
sac.MenuItem(‘disabled’, disabled=True),
sac.MenuItem(type=‘divider’),
sac.MenuItem(‘link’, type=‘group’, children=[
sac.MenuItem(‘antd-menu’, icon=‘heart-fill’, href=‘https://ant.design/components/menu#menu’),
sac.MenuItem(‘bootstrap-icon’, icon=‘bootstrap-fill’, href=‘https://icons.getbootstrap.com/’),
]),
], open_all=True)

#########################################################

import streamlit_antd_components as sac

sac.tree(items=[
sac.TreeItem(‘item1’, tag=[sac.Tag(‘Tag’, color=‘red’), sac.Tag(‘Tag2’, color=‘cyan’)]),
sac.TreeItem(‘item2’, icon=‘apple’, description=‘item description’, children=[
sac.TreeItem(‘tooltip’, icon=‘github’, tooltip=‘item tooltip’),
sac.TreeItem(‘item2-2’, children=[
sac.TreeItem(‘item2-2-1’),
sac.TreeItem(‘item2-2-2’),
sac.TreeItem(‘item2-2-3’),
]),
]),
sac.TreeItem(‘disabled’, disabled=True),
sac.TreeItem(‘item3’, children=[
sac.TreeItem(‘item3-1’),
sac.TreeItem(‘item3-2’),
]),
], label=‘label’, index=0, align=‘center’, size=‘md’, icon=‘table’, open_all=True, checkbox=True)

‘‘‘