{"id":13517021,"url":"https://github.com/kostberg/react-custom-scrollbar","last_synced_at":"2025-03-31T07:30:44.402Z","repository":{"id":220735759,"uuid":"296123103","full_name":"kostberg/react-custom-scrollbar","owner":"kostberg","description":"Blazing fast react custom scrollbar component ⚡","archived":false,"fork":false,"pushed_at":"2020-09-16T21:01:39.000Z","size":12,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-01T21:35:54.661Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kostberg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2020-09-16T19:02:25.000Z","updated_at":"2020-09-16T21:03:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"ec9446e0-818c-48fe-bd2d-8bc8e9e5b91a","html_url":"https://github.com/kostberg/react-custom-scrollbar","commit_stats":null,"previous_names":["kostberg/react-custom-scrollbar"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kostberg%2Freact-custom-scrollbar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kostberg%2Freact-custom-scrollbar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kostberg%2Freact-custom-scrollbar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kostberg%2Freact-custom-scrollbar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kostberg","download_url":"https://codeload.github.com/kostberg/react-custom-scrollbar/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246432917,"owners_count":20776485,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":[],"created_at":"2024-08-01T05:01:28.643Z","updated_at":"2025-03-31T07:30:44.389Z","avatar_url":"https://github.com/kostberg.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"![Mozilla Add-on](https://img.shields.io/amo/dw/webmail-ad-blocker?style=for-the-badge) ![Mozilla Add-on](https://img.shields.io/amo/stars/dustman?style=for-the-badge)\n# React custom scrollbar ⚡\n\n## Props/Options\n+ className = \"scrollbar\" (string)\n+ disabled = false (boolean, use this to disable scroll on for example integrating menus with this)\n+ height = \"content\" (content or any acceptable css value for height)\n+ autohide = 0 (integer)\n\n## Styling 💅\nEasiest way is just to edit the provided scss file manually or hook use classname provided in the component props with you own css file\n\n## Usage:\n```javascript\nimport CustomScrollbar from './components/CustomScrollbar';\n\nconst Component = (\n  \u003cCustomScrollbar height=\"250vh\" shouldRender={ isDesktop } autohide={ 1500 }\u003e\n    // Content goes here...\n  \u003c/CustomScrollbar\u003e\n)\n```\n\n## Installment\nJust download all the files in this repository and put them in ur prefered folders. Just make sure the dependecies has the correct paths 😎\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkostberg%2Freact-custom-scrollbar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkostberg%2Freact-custom-scrollbar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkostberg%2Freact-custom-scrollbar/lists"}