Skip to main content

An all-in-one place, to find complex or just natively unavailable components on streamlit.

Project description

Extra-Streamlit-Components

Downloads Downloads Downloads

An all-in-one place, to find complex or just not available components by default on streamlit.

Explained in details in my book Web Application Development with Streamlit

Components

Firstly, add import extra_streamlit_components as stx

  • Router

  • Route to specific pages in Streamlit. This leverages the use of query parameters to make custom routes in your Streamlit application. For best experience, make sure to include the st.cache_resource function decorator while initializing the Router object.

      @st.cache_resource(hash_funcs={"_thread.RLock": lambda _: None})
      def init_router():
          return stx.Router({"/home": home, "/landing": landing})
    
      def home():
          return st.write("This is a home page")
    
      def landing():
          return st.write("This is the landing page")
    
      router = init_router()
      router.show_route_view()
    
      c1, c2, c3 = st.columns(3)
    
      with c1:
          st.header("Current route")
          current_route = router.get_url_route()
          st.write(f"{current_route}")
      with c2:
          st.header("Set route")
          new_route = st.text_input("route")
          if st.button("Route now!"):
              router.route(new_route)
      with c3:
          st.header("Session state")
          st.write(st.session_state)
    
  • Cookie Manager

    A browser cookie store and manager. Built on universal-cookie with the capability of using its options

    Security Note: In shared domains such as share.streamlit.io, other web developers can have access to the cookies you set and the same goes for you. This is not to be treaded as security bug but a circumstance the developer need to be aware of.

    import datetime
    st.write("# Cookie Manager")
    
    @st.fragment
    def get_manager():
        return stx.CookieManager()
    
    cookie_manager = get_manager()
    
    st.subheader("All Cookies:")
    cookies = cookie_manager.get_all()
    st.write(cookies)
    
    c1, c2, c3 = st.columns(3)
    
    with c1:
        st.subheader("Get Cookie:")
        cookie = st.text_input("Cookie", key="0")
        clicked = st.button("Get")
        if clicked:
            value = cookie_manager.get(cookie=cookie)
            st.write(value)
    with c2:
        st.subheader("Set Cookie:")
        cookie = st.text_input("Cookie", key="1")
        val = st.text_input("Value")
        if st.button("Add"):
            cookie_manager.set(cookie, val) # Expires in a day by default
    with c3:
        st.subheader("Delete Cookie:")
        cookie = st.text_input("Cookie", key="2")
        if st.button("Delete"):
            cookie_manager.delete(cookie)
    

  • TabBar

    Inspire from React's ScrollMenu, this component receives a list of TabBarItemData, and returns the id of the selected tab

    chosen_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}")
    

"Buy Me A Coffee"

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

extra_streamlit_components-0.1.80.tar.gz (2.3 MB view details)

Uploaded Source

Built Distribution

extra_streamlit_components-0.1.80-py3-none-any.whl (2.3 MB view details)

Uploaded Python 3

File details

Details for the file extra_streamlit_components-0.1.80.tar.gz.

File metadata

  • Download URL: extra_streamlit_components-0.1.80.tar.gz
  • Upload date:
  • Size: 2.3 MB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.4.2 importlib_metadata/4.5.0 pkginfo/1.7.0 requests/2.31.0 requests-toolbelt/0.9.1 tqdm/4.61.0 CPython/3.8.10

File hashes

Hashes for extra_streamlit_components-0.1.80.tar.gz
Algorithm Hash digest
SHA256 87d6c38e07381501d8882796adef17d1c1d4e3a79615864d95c1163d2bc136f6
MD5 8039155d5ea7cf2ca96ad70efe98eb4d
BLAKE2b-256 f90c25da4c19a32b0a01e117c81a6a9ba068dfb05bafe97b5db2aa4a3976893e

See more details on using hashes here.

File details

Details for the file extra_streamlit_components-0.1.80-py3-none-any.whl.

File metadata

  • Download URL: extra_streamlit_components-0.1.80-py3-none-any.whl
  • Upload date:
  • Size: 2.3 MB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.4.2 importlib_metadata/4.5.0 pkginfo/1.7.0 requests/2.31.0 requests-toolbelt/0.9.1 tqdm/4.61.0 CPython/3.8.10

File hashes

Hashes for extra_streamlit_components-0.1.80-py3-none-any.whl
Algorithm Hash digest
SHA256 7a8c151da5dcd1f1f97b6c29caa812a1d77928d20fc4bf42a3a4fd788274dd9e
MD5 49f5f49bc5786be1f7062ce92e930ea6
BLAKE2b-256 f86e8df6b6330ff8e2c745a7371972990e1bd2d6df29a933a4743f797fe7e287

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page