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
)
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)
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.
