An all-in-one place, to find complex or just not available components by default on streamlit.
Project description
Extra-Streamlit-Components
An all-in-one place, to find complex or just not available components by default on streamlit.
Components
Firstly, add import extra_streamlit_components as stx
-
TabBar
Inspire from React's
ScrollMenu
, this component receives a list ofTabBarItemData
, and returns theid
of the selected tabchosen_id = stx.tab_bar(data=[ stx.TabBarItemData(id=1, title="ToDo", description="Tasks to take care of"), stx.TabBarItemData(id=2, title="Done", description="Tasks taken care of"), stx.TabBarItemData(id=3, title="Overdue", description="Tasks missed out"), ], default=1) st.info(f"{chosen_id=}")
-
BouncingImage
Probably not the best naming but this component, renders an image by its path or url, and animates by zooming in and out repetitively giving an illusion of a bounce.
image_url = "https://streamlit.io/images/brand/streamlit-logo-secondary-colormark-darktext.svg" stx.bouncing_image(image_source=image_url, animate=True, animation_time=1500, height=200, width=600)
-
StepperBar
A streamlit wrapper on MaterialUI's Stepper
val = stx.stepper_bar(steps=["Ready", "Get Set", "Go"]) st.info(f"Phase #{val}")
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 Distribution
Close
Hashes for extra_streamlit_components-0.0.9.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | de60f4f9e96dbf05fb6094e15ab9b133055df175fdec16546ff93dcd7732d118 |
|
MD5 | 5476dabd9ccaaf5a0a0567bdd75e09a0 |
|
BLAKE2b-256 | 53be82a01fbe9178bea6fff54af8cb799aa25b77c4dbefbc24647d5ecfbd7646 |