streamlit-antd-components 0.3.0

streamlit customer components of Antd Design and Mantine

Streamlit-Antd-Components

A Streamlit custom component to implement Antd-Design and Mantine widgets.

Check out the Demo App for more example.

highlight

• support streamlit theme(light or dark mode,or custom theme)
• support Bootstrap Icon
• support nested data widgets(menu,tree,cascader...)
• more components to display data
• more style params (size,color,radius,variant...)

This library now provides component blow:

• buttons A group of buttons component.
• divider A divider line separates different content
• menu A versatile menu for navigation
• steps A navigation bar that guides users through the steps of a task
• cascader Chooses cascade items in one float layer for better user experience.
• checkbox A group of checkbox.
• rate Rate component
• switch Switching between two states or on-off state
• transfer Double column transfer choice box
• segmented Segmented Controls.
• tabs A tabs component.
• tree A hierarchical list structure component.
• alert Alert component for feedback
• result Used to feed back the results of a series of operational tasks
• tag Tag for categorizing or markup
• pagination A long list can be divided into several pages

Install

pip install streamlit-antd-components

Quickstart

Create a group of buttons,use more style params.

import streamlit as st
import streamlit_antd_components as sac

btn = sac.buttons(
    items=['button1', 'button2', 'button3'],
    index=0,
    format_func='title',
    align='center',
    direction='horizontal',
    radius='lg',
    compact=False,
    return_index=False,
)
st.write(f'The selected button label is: {btn}')

Todo

• pop-up component
• Interaction between components
• Add component callback function
• multiple sac components