{"id":25560457,"url":"https://github.com/acehubert/material-ui-slider","last_synced_at":"2025-04-12T04:54:28.166Z","repository":{"id":32465138,"uuid":"134648642","full_name":"aceHubert/material-ui-slider","owner":"aceHubert","description":"Material-UI 1.0.0 Slider component","archived":false,"fork":false,"pushed_at":"2022-12-10T17:04:44.000Z","size":13614,"stargazers_count":17,"open_issues_count":23,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-12T04:54:19.301Z","etag":null,"topics":["material-ui","react","slider"],"latest_commit_sha":null,"homepage":"https://acehubert.github.io/material-ui-slider/","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/aceHubert.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":"2018-05-24T02:11:22.000Z","updated_at":"2023-01-05T00:43:04.000Z","dependencies_parsed_at":"2023-01-14T21:18:57.268Z","dependency_job_id":null,"html_url":"https://github.com/aceHubert/material-ui-slider","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aceHubert%2Fmaterial-ui-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aceHubert%2Fmaterial-ui-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aceHubert%2Fmaterial-ui-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aceHubert%2Fmaterial-ui-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aceHubert","download_url":"https://codeload.github.com/aceHubert/material-ui-slider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248519472,"owners_count":21117757,"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":["material-ui","react","slider"],"created_at":"2025-02-20T17:29:19.594Z","updated_at":"2025-04-12T04:54:28.146Z","avatar_url":"https://github.com/aceHubert.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Slider for Material-UI 1.0.0\n\n## Installation\n\n``` bash\n  //with yarn\n  yarn add material-ui-slider\n  //with npm \n  npm install material-ui-slider --save\n```\n\n## Usage\n\nHere's a quick example to get you started:\n\n``` jsx\n  import React from 'react';\n  import ReactDOM from 'react-dom';\n  import { Slider } from 'material-ui-slider';\n\n  function App() {\n    return (\n      \u003cSlider defaultValue={10}\u003e\u003c/Slider\u003e\n    );\n  }\n\n  ReactDOM.render(\u003cApp /\u003e, document.querySelector('#app'));\n```\n\n## Props\n\n name | type | default | description\n ---- | ---- | ------- | -----------\n min | number | 0 | min value in process bar.\n max | number | 100 | max value in process bar.\n defaultValue | number/array[number,number] | 0/[0,100] | default value, value must be between min and max.\n value | number/array[number,number] | / | value in process bar.\n decimals | number | 0 | number of decimal places for value.\n range | bool | false |  range choose, \"defaultValue\" must be an array\n scaleLength | number | 0 | scale choose, value \"0\" means \"no scale\", \"defaultValue\" must be a multiple of \"scaleLength\".\n direction | horizontal/vertical | horizontal | \n color | string |  | custom color for process bar, support HEX, RGB(RGBA), HSL\n disabled | bool | false |\n onChange | func |  | Callback fired when the value is changed.\u003cbr\u003e__Signature:__ \u003cbr\u003e function(value: number/array[number,number]) =\u003e void\n onChangeComplete | func |  | Callback fired when the value is changed completely.\u003cbr\u003e__Signature:__ \u003cbr\u003e function(value: number/array[number,number]) =\u003e void\n\n## LICENSE\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facehubert%2Fmaterial-ui-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facehubert%2Fmaterial-ui-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facehubert%2Fmaterial-ui-slider/lists"}