{"id":25578651,"url":"https://github.com/farah-s/streamlit_custom_input","last_synced_at":"2026-04-28T12:38:54.539Z","repository":{"id":212688375,"uuid":"728752189","full_name":"Farah-S/streamlit_custom_input","owner":"Farah-S","description":"Customizable streamlit component for text input","archived":false,"fork":false,"pushed_at":"2024-01-02T23:38:09.000Z","size":7734,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-09T18:04:18.282Z","etag":null,"topics":["reactjs","streamlit-component","streamlit-components"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Farah-S.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":"2023-12-07T16:04:49.000Z","updated_at":"2024-02-13T12:39:35.000Z","dependencies_parsed_at":"2023-12-15T16:54:36.081Z","dependency_job_id":"40021669-5eb8-46c9-9d29-a3dbcd259b89","html_url":"https://github.com/Farah-S/streamlit_custom_input","commit_stats":null,"previous_names":["farah-s/streamlit_custom_input"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Farah-S/streamlit_custom_input","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farah-S%2Fstreamlit_custom_input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farah-S%2Fstreamlit_custom_input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farah-S%2Fstreamlit_custom_input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farah-S%2Fstreamlit_custom_input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Farah-S","download_url":"https://codeload.github.com/Farah-S/streamlit_custom_input/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Farah-S%2Fstreamlit_custom_input/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32381691,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-28T11:25:28.583Z","status":"ssl_error","status_checked_at":"2026-04-28T11:25:05.435Z","response_time":56,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: 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":["reactjs","streamlit-component","streamlit-components"],"created_at":"2025-02-21T03:16:30.873Z","updated_at":"2026-04-28T12:38:54.520Z","avatar_url":"https://github.com/Farah-S.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# streamlit_custom_input\n\n![input_example](https://github.com/Farah-S/streamlit_custom_input/blob/main/streamlit_custom_input/frontend/public/input_example.png)\n\nStreamlit custom chat input box, it returns the value entered by the user on enter or by clicking on the button. To add a new line the user can press shift+enter. The parameters are as follow:\n\nArgs:\n\n    initialValue (string, optional): \n        The initial value that will be displayed in the input box\n    \n    key (string, optional): \n        Uniquely identifies the input instance. Defaults to \"ChatInput\".\n    \n    inputStyle (dict, optional): \n        Allows the customization of the input box style with CSS. \n        The values that can be changed and their default values are \n        {\n            paddingLeft: \"10px\", \n            paddingRight: \"10px\",\n            whiteSpace: \"pre-line\", \n            resize: \"none\", \n            marginLeft: \"0\", \n            marginRight: \"10px\",\n            paddingBottom: \"3px\", \n            width: \"75%\", \n            borderRadius: \"1rem\", \n            maxBlockSize: \"75px\", \n            borderColor: \"#f4efff\", \n            backgroundColor: \"#fcf9ff\"\n        }.\n        \n    buttonStyle (dict, optional): \n        Allows the customization of the input button style with CSS. \n        The values that can be changed and their default values are \n        {    \n            width: \"55px\", \n            borderRadius: \"3rem\", \n            paddingRight: \"5px\", \n            paddingTop: \"3px\", \n            paddingLeft: \"9px\", \n            display: \"flex\", \n            justifyContent: \"center\", \n            backgroundColor: \"#edf1ff\", \n            color: \"#5b5b5c\",\n            height: \"33px\"\n        }.\n\nReturns:\n    string\n\n## Installation instructions\n\n```sh\npython -m pip install --index-url https://test.pypi.org/simple/ --no-deps streamlit_custom_input\n```\n\n## Usage instructions\nExample of how to use without customization\n\n```python\nimport streamlit as st\n\nfrom streamlit_custom_input import ChatInput\n\nvalue = ChatInput(initialValue=\"\", key=\"input\")\n```\n\nExample of how to use with customization\n\n```python\nimport streamlit as st\n\nfrom streamlit_custom_input import ChatInput\n\nvalue = ChatInput(initialValue=\"\", key=\"input\", inputStyle={\"backgroundColor\":\"black\"}, buttonStyle={\"height\":\"50px\"})\n```\n\nFor more example please check the app.py\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarah-s%2Fstreamlit_custom_input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffarah-s%2Fstreamlit_custom_input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarah-s%2Fstreamlit_custom_input/lists"}