{"id":15983028,"url":"https://github.com/ematipico/react-multi-labels","last_synced_at":"2026-05-05T07:31:37.058Z","repository":{"id":57111317,"uuid":"133495293","full_name":"ematipico/react-multi-labels","owner":"ematipico","description":"Provide static labels to your application, whichever language you want","archived":false,"fork":false,"pushed_at":"2018-06-21T06:02:35.000Z","size":138,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-24T10:39:06.787Z","etag":null,"topics":["labels","multilabel","react"],"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/ematipico.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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-15T09:47:56.000Z","updated_at":"2018-06-21T06:02:36.000Z","dependencies_parsed_at":"2022-08-21T00:00:58.504Z","dependency_job_id":null,"html_url":"https://github.com/ematipico/react-multi-labels","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/ematipico/react-multi-labels","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ematipico%2Freact-multi-labels","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ematipico%2Freact-multi-labels/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ematipico%2Freact-multi-labels/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ematipico%2Freact-multi-labels/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ematipico","download_url":"https://codeload.github.com/ematipico/react-multi-labels/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ematipico%2Freact-multi-labels/sbom","scorecard":{"id":374621,"data":{"date":"2025-08-11","repo":{"name":"github.com/ematipico/react-multi-labels","commit":"82b955b4d02dda2bf2bb378b24b08a3e81c2f9a5"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Code-Review","score":0,"reason":"Found 1/29 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 2 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"75 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-q42p-pg8m-cqh6","Warn: Project is vulnerable to: GHSA-w457-6q6x-cgp9","Warn: Project is vulnerable to: GHSA-62gr-4qp9-h98f","Warn: Project is vulnerable to: GHSA-f52g-6jhx-586p","Warn: Project is vulnerable to: GHSA-2cf5-4w76-r9qv","Warn: Project is vulnerable to: GHSA-3cqr-58rm-57f8","Warn: Project is vulnerable to: GHSA-g9r4-xpmj-mj65","Warn: Project is vulnerable to: GHSA-q2c6-c6pm-g3gh","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-f9cm-qmx5-m98h","Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-mvjj-gqq2-p4hw","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T13:56:42.578Z","repository_id":57111317,"created_at":"2025-08-18T13:56:42.578Z","updated_at":"2025-08-18T13:56:42.578Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32640533,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-04T10:08:07.713Z","status":"online","status_checked_at":"2026-05-05T02:00:06.033Z","response_time":54,"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":["labels","multilabel","react"],"created_at":"2024-10-08T01:24:13.311Z","updated_at":"2026-05-05T07:31:37.043Z","avatar_url":"https://github.com/ematipico.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React multi labels\n\n[![Build Status](https://travis-ci.org/ematipico/react-multi-labels.svg?branch=master)](https://travis-ci.org/ematipico/react-multi-labels)\n[![devDependencies Status](https://david-dm.org/ematipico/react-multi-labels/dev-status.svg)](https://david-dm.org/ematipico/react-multi-labels?type=dev)\n[![Coverage Status](https://coveralls.io/repos/github/ematipico/react-multi-labels/badge.svg)](https://coveralls.io/github/ematipico/react-multi-labels)\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fematipico%2Freact-multi-labels.svg?type=shield)](https://app.fossa.io/projects/git%2Bgithub.com%2Fematipico%2Freact-multi-labels?ref=badge_shield)\n\nProvide static labels to your application, whichever language you want\n\n## How to use it\n\nReact multi labels rely on the React `16.3.*`, this means that if you use an earlier version, it won't work.\n\n### Setup\n\nFist of all you have to initialize the provider by giving it the default language of our labels and the labels themselves:\n\n```js\nimport { LabelsProvider } from 'react-multi-labels';\nimport { App } from './app';\nimport React from 'react';\nimport { render } from 'react-dom';\n\nconst labels = {\n    en_GB: {\n        REMOVE: 'Remove',\n        CREATE: 'Create',\n        CHANGE: 'Change',\n        EDIT: 'Edit'\n    },\n    it_IT: {\n        REMOVE: 'Rimuovi',\n        CREATE: 'Crea',\n        CHANGE: 'Cambia',\n        EDIT: 'Modifica'\n    }\n}\n\n// 'en_GB' will be the first language\nrender(\n    \u003cLabelsProvider language={'en_GB'} labels={labels}\u003e\n        \u003cApp /\u003e\n    \u003c/LabelsProvider\u003e\n    document.getElementById('app')\n)\n```\n\n### Consuming\n\nThe library provides different high order components to consume your labels.\n\n```js\nimport { Label } from 'react-multi-labels';\n\nfunction Button() {\n  return (\n    \u003cbutton\u003e\n      \u003cLabel text={'REMOVE'} /\u003e\n    \u003c/button\u003e\n  );\n}\n\n// result will be \u003cbutton\u003eRemove\u003c/button\u003e for 'en_GB'\n// result will be \u003cbutton\u003eRimuovi\u003c/button\u003e for 'it_IT'\n```\n\n## API\n\n* [Label](#label)\n* [GetLabel](#getlabel)\n* [GetLabels](#getlabels)\n* [ChangeLanguage](#changelanguage)\n* [ChangeLabels](#changelabels)\n\n### Label\n\nIt simply returns the label that you want. It doesn't return any markup. Only text. If it doesn't exist, it will return `undefined`\n\n### GetLabel\n\nHigh Order Component to return the label, so you can provide it all your components\n\n```js\nimport { GetLabels } from 'react-multi-labels';\nimport { Button } from './Button';\nfunction Form() {\n  return (\n    \u003cGetLabel text={'REMOVE'}\u003e\n      {label =\u003e {\n        return \u003cButton buttonLabel={label} /\u003e;\n      }}\n    \u003c/GetLabel\u003e\n  );\n}\n```\n\n### GetLabels\n\nSometimes you need to retrieve multiple labels in one go. You can use this guy. It's an high order component that requires an array of the labels that you want and it returns an object, so you can identify your labels with their own name.\n\n```js\nimport { GetLabels } from 'react-multi-labels';\nimport { Button } from './Button'\nimport React from 'react'\n\nfunction Form () {\n    return (\n        \u003cGetLabels list={['REMOVE', 'CREATE']}\u003e\n            {({ REMOVE, CREATE }) =\u003e {\n                return (\n                    \u003cReact.Fragment\u003e\n                        \u003cButton buttonLabel={CREATE} /\u003e\n                        \u003cButton buttonLabel={REMOVE} /\u003e\n                    \u003c/React.Fragment\u003e\n                )\n            }}\n        \u003c/GetLabel\u003e\n    )\n}\n```\n\n### ChangeLanguage\n\n```js\nimport { GetLabels, ChangeLanguage } from 'react-multi-labels';\nimport { Button } from './Button';\nimport React from 'react';\n\nfunction Form() {\n  return (\n    \u003cGetLabels list={['REMOVE', 'CHANGE']}\u003e\n      {({ REMOVE, CHANGE }) =\u003e {\n        return (\n          \u003cReact.Fragment\u003e\n            \u003cButton buttonLabel={REMOVE} /\u003e\n            \u003cChangeLanguage\u003e\n              {changeLanguage =\u003e {\n                \u003cButton\n                  buttonLabel={CHANGE}\n                  onClick={() =\u003e changeLanguage('it_IT')}\n                /\u003e;\n              }}\n            \u003c/ChangeLanguage\u003e\n          \u003c/React.Fragment\u003e\n        );\n      }}\n    \u003c/GetLabels\u003e\n  );\n}\n```\n\n### ChangeLabels\n\n```js\nimport { GetLabels, ChangeLabels, LabelsProvider } from 'react-multi-labels';\nimport { Button } from './Button';\nimport React from 'react';\n\nconst LABELS = {\n    en_GB: {\n        LOGIN: 'Login'\n        EMAIL: 'Email'\n    }\n};\n\nconst NEW_LABELS = {\n    en_GB: {\n        LOGIN: 'Fancy Login'\n        EMAIL: 'Fancy Email'\n    }\n};\n\n\n\u003cLabelsProvider language=\"en_GB\" labels={LABELS}\u003e\n  \u003cReact.Fragment\u003e\n    \u003cGetLabels list={['LOGIN', 'EMAIL']}\u003e\n      {({ LOGIN, EMAIL }) =\u003e {\n        return (\n          \u003cp\u003e\n            {LOGIN} - {EMAIL}\n          \u003c/p\u003e\n        );\n      }}\n    \u003c/GetLabels\u003e\n    \u003cChangeLabels\u003e\n      {({ changeLabels }) =\u003e {\n        return (\n          \u003cbutton onClick={() =\u003e changeLabels(newLabels)}\u003e\n            Click me!\n          \u003c/button\u003e\n        );\n      }}\n    \u003c/ChangeLabels\u003e\n  \u003c/React.Fragment\u003e\n\u003c/LabelsProvider\u003e\n```\n\n\n## License\n[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2Fematipico%2Freact-multi-labels.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2Fematipico%2Freact-multi-labels?ref=badge_large)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fematipico%2Freact-multi-labels","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fematipico%2Freact-multi-labels","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fematipico%2Freact-multi-labels/lists"}