{"id":21503870,"url":"https://github.com/adamculpepper/toggle-radios","last_synced_at":"2025-07-27T15:34:32.273Z","repository":{"id":69429659,"uuid":"154388468","full_name":"adamculpepper/toggle-radios","owner":"adamculpepper","description":"Pure CSS toggle switchs for form input radio buttons","archived":false,"fork":false,"pushed_at":"2020-05-22T01:12:38.000Z","size":18,"stargazers_count":6,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-20T07:49:42.443Z","etag":null,"topics":["css","css-only","pure-css","radio","radio-button-group","radio-buttons","radio-buttons-group","radio-group","radios","toggle-controls","toggle-radios","toggle-switch","toggle-switches"],"latest_commit_sha":null,"homepage":"https://adamculpepper.github.io/toggle-radios","language":"CSS","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/adamculpepper.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-10-23T19:55:33.000Z","updated_at":"2024-12-09T13:31:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"cffeebc3-6b10-458f-ba26-aebd34109e63","html_url":"https://github.com/adamculpepper/toggle-radios","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/adamculpepper/toggle-radios","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamculpepper%2Ftoggle-radios","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamculpepper%2Ftoggle-radios/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamculpepper%2Ftoggle-radios/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamculpepper%2Ftoggle-radios/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adamculpepper","download_url":"https://codeload.github.com/adamculpepper/toggle-radios/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adamculpepper%2Ftoggle-radios/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267378198,"owners_count":24077700,"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","status":"online","status_checked_at":"2025-07-27T02:00:11.917Z","response_time":82,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","css-only","pure-css","radio","radio-button-group","radio-buttons","radio-buttons-group","radio-group","radios","toggle-controls","toggle-radios","toggle-switch","toggle-switches"],"created_at":"2024-11-23T18:30:42.843Z","updated_at":"2025-07-27T15:34:32.247Z","avatar_url":"https://github.com/adamculpepper.png","language":"CSS","readme":"# Toggle Radios\nPure CSS toggle switchs for form input radio buttons\n\n## Preview\nComing soon.\n\n## Installation\n\n### CSS\n```\u003clink rel=\"stylesheet\" href=\"toggle-radios.css\"\u003e```\n\n### HTML\n```\n\u003cdiv class=\"toggle-radio\"\u003e\n\t\u003cinput type=\"radio\" name=\"mode\" id=\"mode1\" value=\"mode1\"\u003e\n\t\u003clabel for=\"mode1\"\u003eMode 1\u003c/label\u003e\n\n\t\u003cinput type=\"radio\" name=\"mode\" id=\"mode2\" value=\"mode2\"\u003e\n\t\u003clabel for=\"mode2\"\u003eMode 2\u003c/label\u003e\n\n\t\u003cinput type=\"radio\" name=\"mode\" id=\"mode3\" value=\"mode3\"\u003e\n\t\u003clabel for=\"mode3\"\u003eMode 3\u003c/label\u003e\n\u003c/div\u003e\n```\n\n## Options\n\n| Option | Data Attribute |\n| ------ | ------ |\n| Rounded | `data-style=\"rounded\"`\n| Square | `data-style=\"square\"`\n| Disabled | add the `disabled` attribute to the input tag\n| Checked | add the `checked` attribute to the input tag\n| Colors | `data-color=\"red\"`\u003cbr\u003e`data-color=\"orange\"`\u003cbr\u003e`data-color=\"yellow\"`\u003cbr\u003e`data-color=\"green\"`\u003cbr\u003e`data-color=\"blue\"`\u003cbr\u003e`data-color=\"purple\"`\u003cbr\u003e`data-color=\"gray\"`\n\n## Features\n* CSS only - no JavaScript!\n* No dependencies\n* Fully reponsive\n* Fully customizable\n* Fully self contained\n* 7 color schemes\n* Keyboard Accessible - accessibility (a11y)\n* Focus Styles - accessibility (a11y)\n* Supports all modern browsers\n* Search engine friendly\n* Screen reader friendly\n* Doesn't dump a bunch of global styles that'll screw with your other CSS\n\n\n#### See also [Toggle Switchy](https://toggleswitchy.com) - A pure CSS toggle switch for form input checkboxes\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamculpepper%2Ftoggle-radios","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadamculpepper%2Ftoggle-radios","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamculpepper%2Ftoggle-radios/lists"}