streamlit components of antd design
Project description
Streamlit-Antd-Components
A Streamlit component to display Antd-Design.
Install
pip install streamlit_antd_components
Usage
This library now provides two component:
antd_menu
A versatile menu for navigationantd_tree
A hierarchical list structure component.
antd_menu
import streamlit as st
from streamlit_antd_components import antd_menu,MenuItem,MenuDivider
items = [
MenuItem('Homepage', 'homepage', icon='house'),
MenuItem('App', 'app', icon='app', children=[
MenuItem('Store', 'store', icon='bag-check'),
MenuItem('Brand', 'brand', icon='award', children=[
MenuItem('Github', 'github', icon='github'),
MenuItem('Google', 'google', icon='google'),
MenuItem('Apple', 'apple', icon='apple'),
]),
]),
MenuItem('Setting', 'setting', icon='gear', children=[
MenuItem('Admin', 'admin', icon='person-circle'),
MenuItem('Guest', 'guest', icon='person'),
]),
MenuItem('Disabled', 'disabled', icon='send', disabled=True),
MenuDivider(),
MenuItem('Reference', 'reference', children_as_group=True, children=[
MenuItem('Antd Design menu', 'antd', icon='heart', href='https://ant.design/components/menu#menu'),
MenuItem('Bootstrap icon', 'icon', icon='bootstrap', href='https://icons.getbootstrap.com/'),
MenuItem('streamlit-components-tutorial', 'sct', icon='info-circle',
href='https://streamlit-components-tutorial.netlify.app/'),
]),
]
with st.sidebar.container():
item = antd_menu(
items=items,
selected_key='apple',
)
st.write(f'The selected item key is **{item}**')
antd_tree
import streamlit as st
from streamlit_antd_components import antd_tree,TreeItem
with st.sidebar.container():
data = [
TreeItem('table1', 'table1'),
TreeItem('image', 'image', icon='images', children=[
TreeItem('image1', 'image1', icon='image-alt'),
TreeItem('image2', 'image2', icon='image-fill'),
]),
TreeItem('table2', 'table2', children=[
TreeItem('table2-1', 'table2-1'),
TreeItem('table2-2', 'table2-2'),
]),
TreeItem('table3', 'table3', disabled=True),
TreeItem('table4', 'table4'),
]
item = antd_tree(
items=data,
selected_keys=['image1'],
checkbox=True,
show_line=True,
icon='table',
)
st.write(f'The selected item key is **{item}**')
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distributions
No source distribution files available for this release.See tutorial on generating distribution archives.
Built Distribution
Close
Hashes for streamlit_antd_components-0.0.3-py3-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | ac11d3d61b390f8a67734b3b8e8e3e6a84f539197023cedd4adb7f44ba0c971f |
|
MD5 | 189873f7d52e28c7897c86458b4a5856 |
|
BLAKE2b-256 | 303c27d024714daca3197ab18b480f924d27924bcbb179bd57c7b5462c5d1bc5 |