{"id":4241,"url":"https://github.com/ParamoshkinAndrew/ReactNativeCircleCheckbox","last_synced_at":"2025-08-04T00:32:45.936Z","repository":{"id":56824170,"uuid":"50084911","full_name":"paramoshkinandrew/ReactNativeCircleCheckbox","owner":"paramoshkinandrew","description":"Circle checkbox component for React Native","archived":false,"fork":false,"pushed_at":"2018-04-24T11:17:13.000Z","size":57,"stargazers_count":46,"open_issues_count":1,"forks_count":14,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-29T16:09:01.806Z","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/paramoshkinandrew.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":"2016-01-21T05:41:48.000Z","updated_at":"2023-03-09T02:22:35.000Z","dependencies_parsed_at":"2022-09-01T09:20:15.023Z","dependency_job_id":null,"html_url":"https://github.com/paramoshkinandrew/ReactNativeCircleCheckbox","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paramoshkinandrew%2FReactNativeCircleCheckbox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paramoshkinandrew%2FReactNativeCircleCheckbox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paramoshkinandrew%2FReactNativeCircleCheckbox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/paramoshkinandrew%2FReactNativeCircleCheckbox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/paramoshkinandrew","download_url":"https://codeload.github.com/paramoshkinandrew/ReactNativeCircleCheckbox/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228576898,"owners_count":17939645,"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-01-05T20:17:05.549Z","updated_at":"2024-12-07T07:31:34.837Z","avatar_url":"https://github.com/paramoshkinandrew.png","language":"JavaScript","readme":" ReactNativeCircleCheckbox\n=========\n\nCircle-style checkbox component for React Native.\n\n## Installation\n```\n  npm install react-native-circle-checkbox --save\n```\n## Usage\n\n```js\nimport CircleCheckBox, {LABEL_POSITION} from 'react-native-circle-checkbox';  \n   \n\u003cCircleCheckBox\n  checked={true}\n  onToggle={(checked) =\u003e console.log('My state is: ', checked)}\n  labelPosition={LABEL_POSITION.RIGHT}\n  label=\"Checkbox example\"\n/\u003e\n```\n\n## Preview\n    \n![alt tag](https://i.imgur.com/eWLb0Cp.gif \"Preview\")\n\n## Available properties:\n\n- `checked` : initial state of checkbox. Default: `false`\n- `onToggle` : function that will be invoked by pressing to checkbox with checked property as argument.\n- `outerSize` : Diameter of outer circle. Minimum: `10`, default: `26`\n- `filterSize` : Diameter of underlayer circle. Minimum: `7`, default: `23`\n- `innerSize` : Diameter of flag. Minimum: `2`, default: `18`\n- `outerColor` : Color of outer circle. Default: `#FC9527`\n- `filterColor` : Color of underlayer circle. Default: `#FFF`\n- `innerColor` : Color of flag. Default: `#FC9527`\n- `label` : Checkbox label. Default: empty\n- `labelPosition` : Label rendering position. Default: `right`, may be 'right' or 'left'. For your convenience this package exports `LABEL_POSITION` object with two keys - `RIGHT` and `LEFT`. You can use it for `labelPosition` definition.\n- `styleCheckboxContainer`: Styles for checkbox container.\n- `styleLabel`: Styles for label.\n","funding_links":[],"categories":["Components","Others"],"sub_categories":["UI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FParamoshkinAndrew%2FReactNativeCircleCheckbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FParamoshkinAndrew%2FReactNativeCircleCheckbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FParamoshkinAndrew%2FReactNativeCircleCheckbox/lists"}