Split Button Component with Material 3 Design

Custom Components
, , ,
1

streamlit-split-button
streamlit-split-button721×237 10.6 KB

A Split Button is really useful to keep a clean and tidy layout, while offering your user many secondary options.

Perfect for scenarios like “Save” (primary action) with options for “Save As Copy”, “Save Template”, etc…

The component styling follows the new Google Material Design 3 giving it an elegant, sloped design which provides an intersting contrast to other Streamlit buttons.

Here’s the Github Link: GitHub EVOBYTE streamlit-split-button

As always you can simply install it from PyPI

pip install streamlit-split-button

And here a quickstarter

import streamlit as st
from streamlit_split_button import split_button

# Create a split button with primary action and alternatives
result = split_button(
    label="Save Document",
    options=["Save As Copy", "Save As Template", "Export PDF"],
    icon=":material/save:"
)

I hope you like it :slight_smile:

4 Likes