streamlit-antd-components 0.1.4

streamlit components of antd design

Streamlit-Antd-Components

A Streamlit component to display Antd-Design.

Check out the Demo for more example.

highlight

• support streamlit theme(light or dark mode,or custom theme)
• support Bootstrap Icon
• more style params
• multiple nested items in menu and tree

Install

pip install streamlit-antd-components

Usage

This library now provides 4 component:

• buttons A group of buttons component.
• tabs A tabs component.
• menu A versatile menu for navigation
• tree A hierarchical list structure component.

buttons example

import streamlit as st
from streamlit_antd_components import buttons

btn = buttons(['button1', 'button2', 'button3'], align='center', shape='round', format_func=lambda x: x.title())
st.write(f'The selected button label is: {btn}')

tabs example

import streamlit as st
from streamlit_antd_components import tabs

tab = tabs(['tab1', 'tab2', 'tab3'], align='center', format_func=lambda x: x.title())
st.write(f'The selected tab label is: {tab}')

menu example

import streamlit as st
from streamlit_antd_components import menu, MenuItem

item = menu([
    MenuItem('menu1', icon='house'),
    MenuItem('menu2', icon='app', children=[
        MenuItem('menu3', icon='twitter'),
        MenuItem('disabled', disabled=True),
    ]),
], format_func=lambda x: x.title(), open_all=True)
st.write(f'The selected menu label is: {item}')

tree example

import streamlit as st
from streamlit_antd_components import tree, TreeItem

item = tree([
    TreeItem('tree1', icon='table'),
    TreeItem('tree2', icon='table', children=[
        TreeItem('tree3', icon='image'),
        TreeItem('disabled', disabled=True),
    ]),
], index=[0], format_func=lambda x: x.title(), open_all=True, checkbox=True, show_line=True)
st.write(f'The selected tree label is: {item}')