{"id":15288080,"url":"https://github.com/balexandermunoz/st-input-slider","last_synced_at":"2026-03-06T18:32:42.505Z","repository":{"id":232269682,"uuid":"783848042","full_name":"balexandermunoz/st-input-slider","owner":"balexandermunoz","description":"A custom Streamlit component that combines a slider with an input box for more precise value selection","archived":false,"fork":false,"pushed_at":"2024-05-14T20:18:22.000Z","size":303,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-05T11:49:24.200Z","etag":null,"topics":["material-ui","mui","python","react","streamlit","streamlit-component","visualization"],"latest_commit_sha":null,"homepage":"","language":"Python","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/balexandermunoz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-08T17:32:52.000Z","updated_at":"2024-05-14T20:18:26.000Z","dependencies_parsed_at":"2024-11-19T02:03:31.217Z","dependency_job_id":null,"html_url":"https://github.com/balexandermunoz/st-input-slider","commit_stats":null,"previous_names":["balexandermunoz/st-input-slider"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/balexandermunoz/st-input-slider","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balexandermunoz%2Fst-input-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balexandermunoz%2Fst-input-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balexandermunoz%2Fst-input-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balexandermunoz%2Fst-input-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/balexandermunoz","download_url":"https://codeload.github.com/balexandermunoz/st-input-slider/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/balexandermunoz%2Fst-input-slider/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30190870,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T18:30:16.692Z","status":"ssl_error","status_checked_at":"2026-03-06T18:30:13.818Z","response_time":250,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["material-ui","mui","python","react","streamlit","streamlit-component","visualization"],"created_at":"2024-09-30T15:44:04.455Z","updated_at":"2026-03-06T18:32:42.473Z","avatar_url":"https://github.com/balexandermunoz.png","language":"Python","funding_links":[],"categories":[],"sub_categories":[],"readme":"# streamlit-input-slider\nA highly customizable Streamlit component that combines a slider with an input box for more precise value selection.\n\n## Installation instructions\n\n```sh\npip install st-input-slider\n```\n\n## Usage instructions\n\n### Parameters\n\n- `label` (str, default None): The label for the slider component.\n- `min_value` (float, default 0): The minimum value of the slider.\n- `max_value` (float, default 100): The maximum value of the slider.\n- `value` (float, default 50): The initial value of the slider.\n- `step` (float, default 1): The step size for each slider movement.\n- `format` (str, default None): A printf-style format string controlling how the interface should display numbers. This follows the d3-format specification. Check [d3-format](https://d3js.org/d3-format#locale_format).\n- `options` (dict, default None): Additional options for the slider component. Options include:\n  - `color` (str, default primary theme color): This sets the color of the slider.\n  - `marks` (bool, default False): Set initial and final marks.\n  - `disableUnderline` (bool, default False): If `True`, the underline of the input box is disabled.\n  - `labelPosition` (str, default \"top\"): The position of the label. Can be `\"top\"` or `\"left\"`.\n  - `labelTextAlign` (str, default \"left\"): The text alignment of the label. Can be \"left\", \"center\", \"right\", \"justify\", or \"inherit\".\n  - `fontSize` (float, default 12): The font size.\n  - `endAdornment` (str, default None): The text at the end of the input box.\n  - `labelWidth` (str, default \"20%\"): The width of the label.\n  - `sliderWidth` (str, default \"60%\"): The width of the slider.\n  - `inputWidth` (str, default \"20%\"): The width of the input box.\n- `key` (str or None, default None): An optional key that uniquely identifies this component. If this is `None`, and the component's arguments are changed, the component will be re-mounted in the Streamlit frontend and lose its current state.\n- `on_change` (Callable, default None): A callback function that is called whenever the slider value changes.\n- `args` (tuple, default None): Additional arguments to pass to the callback function.\n- `kwargs` (dict, default None): Additional keyword arguments to pass to the callback function.\n\n### Function Returns\n\n- `float`: The current value of the slider. This is the value passed to `Streamlit.setComponentValue` on the frontend.\n\n## Example\n\n```python\nimport streamlit as st\n\nfrom st_input_slider import st_input_slider\n\nst.title(\"Slider + Input Example!\")\noptions = {\n    \"color\": \"#9E9A35\",  # Default is the primary theme color\n    \"disableUnderline\": False,  # Default is False\n    \"marks\": False,  # Default is False\n    \"labelPosition\": \"left\",  # \"top\" or \"left\". Default is \"top\"\n    \"labelFontSize\": 14,  # Default is 14\n    \"endAdornment\": \"Hz\",  # Default is None (no adornment)\n}\nslider_value = st_input_slider(\n    label=\"A custom slider\", min_value=-100, max_value=200, value=50, step=0.1, options=options)\nst.markdown(\"Value: %s\" % (slider_value))\n\nwith st.sidebar:\n    st.markdown(\"This is another slider with all default options:\")\n    slider_value = st_input_slider(\n        label=\"A custom slider1\", min_value=-100, max_value=200, value=50, step=0.1)\n    st_input_slider(\n        label=\"A custom slider2\", min_value=-1000, max_value=20000, value=50, step=0.1, options={\"marks\": True, \"labelPosition\": \"left\"})\n    st_input_slider(\n        label=\"A custom slider3\", min_value=-0.00001, max_value=0.00002, value=0.000015, step=0.000001, options={\"marks\": True, \"labelPosition\": \"left\"})\n    st_input_slider(\n        label=\"Slider :)\", min_value=-100, max_value=200, value=50, step=0.1, options={\"marks\": True, \"labelPosition\": \"left\"})\n    st_input_slider(\n        label=\":)\", min_value=-100, max_value=200, value=50, step=0.1, options={\"labelPosition\": \"left\"})\n\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbalexandermunoz%2Fst-input-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbalexandermunoz%2Fst-input-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbalexandermunoz%2Fst-input-slider/lists"}