{"id":19588897,"url":"https://github.com/jfusco/react-tagging-input","last_synced_at":"2025-10-20T10:07:15.319Z","repository":{"id":57346163,"uuid":"63483671","full_name":"JFusco/react-tagging-input","owner":"JFusco","description":"Simple, stateless, React tagging component","archived":false,"fork":false,"pushed_at":"2017-10-11T13:26:58.000Z","size":2965,"stargazers_count":5,"open_issues_count":2,"forks_count":2,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-09-18T15:55:21.806Z","etag":null,"topics":["flow","flowtype","jest","jest-tests","react","react-tags"],"latest_commit_sha":null,"homepage":"https://jfusco.github.io/react-tagging-input","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/JFusco.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-07-16T13:14:34.000Z","updated_at":"2023-03-05T23:02:02.000Z","dependencies_parsed_at":"2022-09-26T16:51:36.286Z","dependency_job_id":null,"html_url":"https://github.com/JFusco/react-tagging-input","commit_stats":null,"previous_names":["jfusco/react-tags"],"tags_count":29,"template":false,"template_full_name":null,"purl":"pkg:github/JFusco/react-tagging-input","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JFusco%2Freact-tagging-input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JFusco%2Freact-tagging-input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JFusco%2Freact-tagging-input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JFusco%2Freact-tagging-input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JFusco","download_url":"https://codeload.github.com/JFusco/react-tagging-input/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JFusco%2Freact-tagging-input/sbom","scorecard":{"id":68843,"data":{"date":"2025-08-11","repo":{"name":"github.com/JFusco/react-tagging-input","commit":"4e1552530e6c3e405631a9040f0b45998a30ac19"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"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":"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":"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":"Code-Review","score":0,"reason":"Found 0/30 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":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"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":"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":"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":"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":"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":"Vulnerabilities","score":0,"reason":"145 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","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-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-p28h-cc7q-c4fg","Warn: Project is vulnerable to: GHSA-9vvw-cc9w-f27h","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-hr2v-3952-633q","Warn: Project is vulnerable to: GHSA-h6ch-v84p-w6p9","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","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-xf7w-r453-m56c","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-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","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-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","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-5947-m4fg-xhqg","Warn: Project is vulnerable to: GHSA-779f-wgxg-qr8f","Warn: Project is vulnerable to: GHSA-pp57-mqmh-44h7","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-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-9v62-24cr-58cx","Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-6394-6h9h-cfjg","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-hxcm-v35h-mg2x","Warn: Project is vulnerable to: GHSA-6g33-f262-xjp4","Warn: Project is vulnerable to: GHSA-mvjj-gqq2-p4hw","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3","Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","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-g7q5-pjjr-gqvp","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","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-cf4h-3jhx-xvhq","Warn: Project is vulnerable to: GHSA-pv4c-p2j5-38j4","Warn: Project is vulnerable to: GHSA-46c4-8wrp-j99v","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-cf66-xwfp-gvc4","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","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-15T03:19:56.268Z","repository_id":57346163,"created_at":"2025-08-15T03:19:56.269Z","updated_at":"2025-08-15T03:19:56.269Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276013645,"owners_count":25570038,"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-09-19T02:00:09.700Z","response_time":108,"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":["flow","flowtype","jest","jest-tests","react","react-tags"],"created_at":"2024-11-11T08:16:28.647Z","updated_at":"2025-09-19T23:05:01.631Z","avatar_url":"https://github.com/JFusco.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-tagging-input\n\n[![Build Status][build-image]][build-url]\n\n[![peerDependency Status][peer-dep-image]][peer-dep-url]\n[![devDependency Status][dev-dep-image]][dev-dep-url]\n\n[![MIT][mit-image]][mit-url]\n[![npm][npm-version-image]][npm-url]\n\n\u003e Simple tagging component.\n\n## Demo ##\nhttps://jfusco.github.io/react-tagging-input\n\n![img](demo.gif)\n\n## Getting Started ##\n\n#### Installation\nFrom the root of your project.\n```sh\nnpm install react-tagging-input --save\n```\n\n## Usage\nSimple implementation of tags. See [options available](#options) below.\n```js\nimport React, { Component } from 'react';\nimport { render } from 'react-dom';\nimport Tags from 'react-tagging-input';\n\nclass Application extends Component{\n  state = {\n    tags: ['foo', 'bar']\n  };\n\n  constructor(props){\n    super(props);\n  }\n\n  onTagAdded(tag) {\n    this.setState({\n      tags: [...this.state.tags, tag]\n    });\n  }\n\n  onTagRemoved(tag, index) {\n    this.setState({\n      tags: this.state.tags.filter((tag, i) =\u003e i !== index)\n    });\n  }\n\n  render(){\n    return (\n      \u003cdiv\u003e\n        \u003cTags\n          tags={this.state.tags}\n          placeholder=\"Add a tag\"\n          onAdded={this.onTagAdded.bind(this)}\n          onRemoved={this.onTagRemoved.bind(this)} /\u003e\n      \u003c/div\u003e\n    );\n  }\n}\n\nrender(\u003cApplication /\u003e, document.getElementById('application'));\n```\n\n\u003ca name=\"options\"\u003e\u003c/a\u003e\n#### Options\n* **[`tags`](#tags)**\n* **[`placeholder`](#placeholder)**\n* **[`addKeys`](#addKeys)**\n* **[`onAdded`](#onAdded)**\n* **[`onRemoved`](#onRemoved)**\n* **[`maxTags`](#maxTags)**\n* **[`readOnly`](#readOnly)**\n* **[`removeTagIcon`](#removeTagIcon)**\n* **[`uniqueTags`](#uniqueTags)**\n* **[`id`](#id)**\n\n\u003ca name=\"tags\"\u003e\u003c/a\u003e\n##### tags ~ required\nAn `array` of tags to be passed in and rendered right away in the component\n```js\nstate = {\n  tags: ['foo', 'bar']\n};\n\n\u003cTags tags={this.state.tags} /\u003e\n```\n\n\u003ca name=\"placeholder\"\u003e\u003c/a\u003e\n##### placeholder ~ optional ~ default `null`\nA `string` used as placeholder text in the tags input field\n```js\n\u003cTags placeholder=\"Add a tag\" /\u003e\n```\n\n\u003ca name=\"addKeys\"\u003e\u003c/a\u003e\n##### addKeys ~ optional ~ default `[13, 9, 32]`\nAn `array` of keyCodes used to tell the tags component which delimiter to use to add a tag\n\n[Here](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode) is more info and a list of keyCodes\n```js\n\u003cTags addKeys={[13, 9, 32, 188]} /\u003e\n```\n\n\u003ca name=\"onAdded\"\u003e\u003c/a\u003e\n##### onAdded ~ optional\nA `function` fired when a new tag is added - returns a `string` of the new tag\n```js\nonTagAdded(tag){\n  console.log(`new tag: ${tags}`);\n}\n\n\u003cTags onAdded={this.onTagAdded} /\u003e\n```\n\n\u003ca name=\"onRemoved\"\u003e\u003c/a\u003e\n##### onRemoved ~ optional\nA `function` fired when a new tag is deleted - returns a `string` of the tag that was deleted\n```js\nonTagRemoved(tag, index){\n  console.log(`deleted tag: ${tag} at index ${index}`);\n}\n\n\u003cTags onRemoved={this.onTagRemoved.bind(this)} /\u003e\n```\n\n\u003ca name=\"maxTags\"\u003e\u003c/a\u003e\n##### maxTags ~ optional ~ default `-1` (infinite)\nAn `integer` representing the maximum number of tags that are allowed to be added\n```js\n\u003cTags maxTags={10} /\u003e\n```\n\n\u003ca name=\"readOnly\"\u003e\u003c/a\u003e\n##### readOnly ~ optional ~ default `false`\nA `boolean` that sets the tag component to read only mode. No adding or removing tags and pointer events\n```js\n\u003cTags readOnly={true} /\u003e\n```\n\n\u003ca name=\"removeTagIcon\"\u003e\u003c/a\u003e\n##### removeTagIcon ~ optional ~ default `\"x\"`\nThe `element` to be used for the delete icon\n```js\nconst removeIcon = () =\u003e {\n  return (\n    \u003ci class=\"my-custom-icon\"\u003e\u003c/i\u003e\n  );\n}\n\n\u003cTags removeTagsIcon={removeIcon()} /\u003e\n```\n\n\u003ca name=\"uniqueTags\"\u003e\u003c/a\u003e\n##### uniqueTags ~ optional ~ default `false`\nA `boolean` that allows the same tag to be added more than once\n```js\n//-- Only allow unique tags to be added\n\u003cTags uniqueTags={true} /\u003e\n```\n\n\u003ca name=\"id\"\u003e\u003c/a\u003e\n##### id ~ optional ~ default `null`\nThe `string` to be used for the ID of the component\n```js\n\u003cTags id=\"my-tags-component\" /\u003e\n```\n\n## Styling\n#### Installation\nImport the main SCSS file in to your application SCSS files\n```scss\n@import \"node_modules/react-tagging-input/src/component/scss/styles.scss\";\n```\n\nThere are a few variables set to `!default` that can be overriden. If you need to change it more just override the actual styles.\n\n**Any overriden variables needs to go above the `@import` statement to take effect**\n```scss\n//-- Global UI\n$tag-base-height\n$tag-base-font-size\n$tag-base-border-radius\n$tag-base-font-color\n$tag-base-margin\n$tag-base-font-family\n\n//-- Tags\n$tag-background-color\n$tag-background-hover-color\n$tag-remove-color\n$tag-remove-font-size\n$tag-remove-hover-color\n\n//-- Input\n$tag-input-bg-color\n$tag-input-border\n$tag-input-placeholder-color\n```\n\nIf you don't care to override variables and just want to override actual styles you may choose to import the compiled version of the css instead\n```scss\n@import \"node_modules/react-tagging-input/dist/styles.css\";\n```\n\n## Tests ##\n```\nnpm test\n```\n\n[build-image]: https://travis-ci.org/JFusco/react-tagging-input.svg?branch=master\n[build-url]: https://travis-ci.org/JFusco/react-tagging-input\n[mit-image]: https://img.shields.io/npm/l/react-tagging-input.svg?style=flat-square\n[mit-url]: https://github.com/JFusco/react-tagging-input/blob/master/LICENSE\n[npm-version-image]: https://img.shields.io/npm/v/npm.svg?maxAge=2592000\n[npm-url]: https://www.npmjs.com/package/react-tagging-input\n[dev-dep-image]: https://david-dm.org/JFusco/react-tagging-input/dev-status.svg\n[dev-dep-url]: https://david-dm.org/JFusco/react-tagging-input?type=dev\n[peer-dep-image]: https://david-dm.org/JFusco/react-tagging-input/peer-status.svg\n[peer-dep-url]: https://david-dm.org/JFusco/react-tagging-input?type=peer\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjfusco%2Freact-tagging-input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjfusco%2Freact-tagging-input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjfusco%2Freact-tagging-input/lists"}