{"id":22736970,"url":"https://github.com/emadb/react-discrete-slider","last_synced_at":"2025-03-30T03:15:04.299Z","repository":{"id":65372915,"uuid":"45037717","full_name":"emadb/react-discrete-slider","owner":"emadb","description":"A simple slider written in React.js","archived":false,"fork":false,"pushed_at":"2016-01-06T15:49:56.000Z","size":1133,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-05T05:29:38.012Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/emadb.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}},"created_at":"2015-10-27T11:53:12.000Z","updated_at":"2016-01-09T12:44:58.000Z","dependencies_parsed_at":"2023-01-19T23:35:16.910Z","dependency_job_id":null,"html_url":"https://github.com/emadb/react-discrete-slider","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emadb%2Freact-discrete-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emadb%2Freact-discrete-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emadb%2Freact-discrete-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/emadb%2Freact-discrete-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/emadb","download_url":"https://codeload.github.com/emadb/react-discrete-slider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246269933,"owners_count":20750321,"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-12-10T22:08:43.922Z","updated_at":"2025-03-30T03:15:04.264Z","avatar_url":"https://github.com/emadb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## React.js slider component\n\nA simple slider made with react.js\n\n[demo](http://emadb.github.com/react-discrete-slider/)\n\nInstall with\n\n```npm install react-discrete-slider --save```\n\nProperties and configuration\n\n```jsx\n\u003cBar\n  value={this.state.value}\n  showLabel\n  buttons\n  getColor={getColorFunction}/\u003e\n```\n\n- `value` (number): value to be shown\n- `showLabel` (bool): true if you want to view the  labels\n- `buttons` (bool): true if you want to use the buttons\n- `getColor` (function): function to get the color. The function receive the current value so that the bar color can change based on value\n- `size` (number): number of steps\n- `step` (number): size of step for dividing the bar\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femadb%2Freact-discrete-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Femadb%2Freact-discrete-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Femadb%2Freact-discrete-slider/lists"}