{"id":19095640,"url":"https://github.com/evanminto/multi-check-element","last_synced_at":"2025-08-10T08:11:05.065Z","repository":{"id":215156340,"uuid":"738238543","full_name":"evanminto/multi-check-element","owner":"evanminto","description":"Zero-dependency custom element that reflects a checkbox's state to multiple checkboxes","archived":false,"fork":false,"pushed_at":"2024-01-02T20:48:16.000Z","size":37,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-08T16:02:26.870Z","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/evanminto.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":"2024-01-02T18:59:14.000Z","updated_at":"2024-01-02T20:48:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"6b73f29d-b824-4ec4-a546-a555239c0d76","html_url":"https://github.com/evanminto/multi-check-element","commit_stats":null,"previous_names":["evanminto/multi-check-element"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/evanminto/multi-check-element","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanminto%2Fmulti-check-element","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanminto%2Fmulti-check-element/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanminto%2Fmulti-check-element/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanminto%2Fmulti-check-element/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/evanminto","download_url":"https://codeload.github.com/evanminto/multi-check-element/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/evanminto%2Fmulti-check-element/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269586128,"owners_count":24442505,"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-08-09T02:00:10.424Z","response_time":111,"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":[],"created_at":"2024-11-09T03:34:40.491Z","updated_at":"2025-08-10T08:11:05.037Z","avatar_url":"https://github.com/evanminto.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `\u003cmulti-check\u003e` Element\nTiny, framework-agnostic, dependency-free Custom Element that reflects a\ncheckbox’s state to and from multiple checkboxes\n\n## Installation\n\nNPM:\n\n```sh\nnpm install @evanminto/multi-check-element --save\n```\n\nOr Yarn:\n\n```sh\nyarn add @evanminto/multi-check-element\n```\n\n### HTML\n\n```html\n\u003cscript src=\"path/to/@evanminto/multi-check-element/dist/global.js\" defer\u003e\n```\n\n### ES Modules\n\nYou can also load the component directly in your JavaScript, which allows you to define your own custom name for the element or control the timing of module loading and custom element definition.\n\n```js\nimport { MultiCheckElement } from '@evanminto/multi-check-element';\n\ncustomElements.define('multi-check', MultiCheckElement);\n```\n\n## Usage\n\nWrap a `\u003cmulti-check\u003e` element around an `\u003cinput type=\"checkbox\"\u003e` and include a\n`controls` attribute with a list of IDs to link the child checkbox to the\ncontrolled checkboxes.\n\n### Basic\n\n```html\n\u003clabel for=\"all\"\u003eCheck All\u003c/label\u003e\n\u003cmulti-check controls=\"one two three\"\u003e\n  \u003cinput type=\"checkbox\" id=\"all\"\u003e\n\u003c/multi-check\u003e\n\n\u003col\u003e\n  \u003cli\u003e\n    \u003cinput type=\"checkbox\" id=\"one\"\u003e\n    \u003clabel for=\"one\"\u003eOne\u003c/label\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003cinput type=\"checkbox\" id=\"two\"\u003e\n    \u003clabel for=\"two\"\u003eTwo\u003c/label\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\n    \u003cinput type=\"checkbox\" id=\"three\"\u003e\n    \u003clabel for=\"three\"\u003eThree\u003c/label\u003e\n  \u003c/li\u003e\n\u003c/ol\u003e\n```\n\n## Attributes\n\n### controls\n\nSimilar to\n[`aria-controls`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls).\nA space-separated list of IDs of checkboxes that the child checkbox should\ncontrol.\n\n## Properties\n\n### controls\n\nReflects the `controls` attribute as an array of strings.\n\n## Events\n\n`\u003cmulti-check\u003e` doesn’t fire any events itself, but you can listen on `change` events on the child checkbox directly.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevanminto%2Fmulti-check-element","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fevanminto%2Fmulti-check-element","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fevanminto%2Fmulti-check-element/lists"}