Vertical Slider Component

Vertical Continuous Slider

I had this idea of a Vertical Slider for a while now and finally took the time to write my first Streamlit component. This was definitely a lot of fun.

Installation

pip install streamlit-vertical-slider

Usage

import streamlit as st
import  streamlit_vertical_slider  as svs

svs.vertical_slider(key=key, 
                    default_value=i[1], 
                    step=1, 
                    min_value=0, 
                    max_value=100,
                    slider_color= 'green' #optional
                    track_color='lightgray' #optional
                    thumb_color = 'red' #optional
                    )

Quick demo

filtering

Repo

:arrow_right: GitHub Repo

13 Likes

Love this @CarlosSerrano ! Also just beautiful design!

2 Likes

Thank you!

1 Like

Awesome @CarlosSerrano! And I second @Amanda_Kelly on the design. Functional value and a good user experience!

2 Likes

Great job! :balloon:

Feel free to add it to the Components Tracker: Streamlit Components - Community Tracker so we don’t lose track of it!

Have a nice day!
Fanilo

1 Like

Nice, Love the UI.
Although I am getting an error when trying to use it:

StreamlitAPIException: No such component directory: ‘C:\Users\alons\anaconda3\envs\alon39\lib\site-packages\streamlit_vertical_slider\frontend\build’

Traceback:

File "C:\Users\alons\Documents\AlonDB\MyHubViz\pages\1.py", line 4, in <module>
    import streamlit_vertical_slider as svsFile "C:\Users\alons\anaconda3\envs\alon39\lib\site-packages\streamlit_vertical_slider\__init__.py", line 15, in <module>
    _component_func = components.declare_component("streamlit_vertical_slider", path=build_dir)

Thanks @alonsh , Looking at it. Did you installed it via PIP? via clone?

via pip

Found the issue. Updating pip briefly @alonsh

@alonsh could you please try again. Version 1.0.2 has been added to PyPi, please upgrade.

Yes, Works perfectly now!
Is it possible to add a title to the sliders?

1 Like