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.
pip install streamlit-vertical-slider
import streamlit as st
import streamlit_vertical_slider as svs
slider_color= 'green' #optional
thumb_color = 'red' #optional
Love this @CarlosSerrano ! Also just beautiful design!
Awesome @CarlosSerrano! And I second @Amanda_Kelly on the design. Functional value and a good user experience!
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!
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’
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?
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?
thank you a lot for your awesome and fun component!
The application I’d like to use this for deals with rather large numbers so that it cuts off the max value shown as well as the selected value in the bubble. I’m interested in adding a formatting option for large numbers.
I’m quite new to streamlit and have not created a component on my own yet. Could you maybe hint me towards a starting point for this?
Hi, If you want to take a stab at it you may fork the repo, and then submit a Pull Request to the original repository so we can update the package with your contributions.