{"id":13422114,"url":"https://github.com/clari/react-ios-switch","last_synced_at":"2025-03-15T10:31:41.178Z","repository":{"id":48000766,"uuid":"47786334","full_name":"clari/react-ios-switch","owner":"clari","description":"React switch component https://clari.github.io/react-ios-switch","archived":true,"fork":false,"pushed_at":"2023-01-24T22:47:09.000Z","size":461,"stargazers_count":128,"open_issues_count":22,"forks_count":26,"subscribers_count":31,"default_branch":"master","last_synced_at":"2024-10-15T11:34:00.988Z","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":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/clari.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-12-10T20:43:27.000Z","updated_at":"2024-01-08T14:47:11.000Z","dependencies_parsed_at":"2023-02-14T02:16:08.997Z","dependency_job_id":null,"html_url":"https://github.com/clari/react-ios-switch","commit_stats":null,"previous_names":["clariussystems/react-draggable-switch"],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clari%2Freact-ios-switch","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clari%2Freact-ios-switch/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clari%2Freact-ios-switch/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clari%2Freact-ios-switch/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/clari","download_url":"https://codeload.github.com/clari/react-ios-switch/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243584695,"owners_count":20314817,"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-07-30T23:00:37.162Z","updated_at":"2025-03-15T10:31:40.742Z","avatar_url":"https://github.com/clari.png","language":"JavaScript","readme":"react-ios-switch\n===\n\u003cimg src=\"https://img.shields.io/npm/dm/react-ios-switch.svg\"\u003e\n\n[Demo](https://clari.github.io/react-ios-switch)\n\n[CodePen](https://codepen.io/mking-clari/pen/dzKxdb)\n\nFeatures\n---\n- Drag or click to toggle\n- Works with labels \n\nUsage\n---\n```javascript\nimport Switch from 'react-ios-switch';\n\n// Simple usage\n\u003cSwitch\n  checked={checked}\n  onChange={checked =\u003e {}}\n/\u003e\n\n// All props (defaults shown)\n\u003cSwitch\n  checked={undefined}\n  className={undefined}\n  disabled={undefined}\n  handleColor=\"white\"\n  name={undefined}\n  offColor=\"white\"\n  onChange={() =\u003e {}}\n  onColor=\"rgb(76, 217, 100)\"\n  pendingOffColor={undefined}\n  pendingOnColor={undefined}\n  readOnly={undefined}\n  style={undefined}\n/\u003e\n```\n\nDevelopment\n---\n```\n# Install packages\nyarn\n\n# Start server\nyarn start\n\n# Visit http://localhost:8080\n```\n\nInspirations\n---\n- [Switchery](https://abpetkov.github.io/switchery)\n- [Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/visual-design/color)","funding_links":[],"categories":["UI Components","Uncategorized","Demos","\u003csummary\u003eUI Components\u003c/summary\u003e"],"sub_categories":["Form Components","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclari%2Freact-ios-switch","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclari%2Freact-ios-switch","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclari%2Freact-ios-switch/lists"}