{"id":14973637,"url":"https://github.com/matiastucci/vue-input-tag","last_synced_at":"2025-05-15T20:05:41.912Z","repository":{"id":37706452,"uuid":"71876638","full_name":"matiastucci/vue-input-tag","owner":"matiastucci","description":":bookmark: Vue.js 2.0 Input Tag Component","archived":false,"fork":false,"pushed_at":"2022-12-10T17:19:18.000Z","size":3277,"stargazers_count":538,"open_issues_count":36,"forks_count":128,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-08T02:41:15.263Z","etag":null,"topics":["input","tags","vue","vuejs","vuejs-components","vuejs2"],"latest_commit_sha":null,"homepage":"https://tucci.me/vue-input-tag","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/matiastucci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":["matiastucci"]}},"created_at":"2016-10-25T08:37:51.000Z","updated_at":"2024-11-27T08:22:03.000Z","dependencies_parsed_at":"2023-01-26T06:46:17.952Z","dependency_job_id":null,"html_url":"https://github.com/matiastucci/vue-input-tag","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matiastucci%2Fvue-input-tag","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matiastucci%2Fvue-input-tag/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matiastucci%2Fvue-input-tag/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matiastucci%2Fvue-input-tag/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matiastucci","download_url":"https://codeload.github.com/matiastucci/vue-input-tag/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253433686,"owners_count":21907777,"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":["input","tags","vue","vuejs","vuejs-components","vuejs2"],"created_at":"2024-09-24T13:49:08.358Z","updated_at":"2025-05-15T20:05:36.811Z","avatar_url":"https://github.com/matiastucci.png","language":"JavaScript","funding_links":["https://github.com/sponsors/matiastucci"],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","UI组件","Components \u0026 Libraries","JavaScript","UI Components [🔝](#readme)","UI Components"],"sub_categories":["Libraries \u0026 Plugins","形成","UI Components","Form"],"readme":"# vue-input-tag\n\u003e A Vue.js 2.0 input tag component inspired in [react-tagsinput](https://github.com/olahol/react-tagsinput)\n\n[![Codeship Status for matiastucci/vue-input-tag](https://app.codeship.com/projects/0f715410-172a-0137-7928-063230c44fa3/status?branch=master)](https://app.codeship.com/projects/328055)\n[![Coverage Status](https://coveralls.io/repos/github/matiastucci/vue-input-tag/badge.svg?branch=master)](https://coveralls.io/github/matiastucci/vue-input-tag?branch=master)\n[![Version](https://img.shields.io/npm/v/vue-input-tag.svg)](https://www.npmjs.com/package/vue-input-tag)\n[![License](https://img.shields.io/npm/l/vue-input-tag.svg)](https://www.npmjs.com/package/vue-input-tag)\n[![Monthly Downloads](https://img.shields.io/npm/dm/vue-input-tag.svg)](https://www.npmjs.com/package/vue-input-tag)\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"demo.gif\" width=\"750\" alt=\"Logo\"/\u003e\n\u003c/p\u003e\n\n## Installation\n\n#### NPM / Yarn\n\n```bash\nnpm install vue-input-tag --save\n```\n\n```bash\nyarn add vue-input-tag\n```\n\nThen you need to import and register it:\n\n```js\nimport InputTag from 'vue-input-tag'\n```\n\n```js\nVue.component('input-tag', InputTag)\n```\n\n#### CDN\n\n```html\n\u003cscript src=\"https://unpkg.com/vue\"\u003e\u003c/script\u003e\n\u003cscript src=\"https://unpkg.com/vue-input-tag\"\u003e\u003c/script\u003e\n```\n\nThen you need to register it:\n\n`Vue.component('input-tag', vueInputTag.default)`\n\n## Usage\n\n```html\n\u003cinput-tag v-model=\"tags\"\u003e\u003c/input-tag\u003e\n```\n\n## Props\n| Name | Type | Default | Description |\n| ---:| --- | ---| --- |\n| value | Array | [] | Tags to be render in the input |\n| placeholder | String | \"\" | Placeholder to be shown when no tags |\n| read-only | Boolean | false | Set input to readonly |\n| add-tag-on-blur | Boolean | false | Add tag on input blur |\n| limit | String or Number | -1 (none) | Set a limit for the amount of tags |\n| validate | String or Function (allows async) or Object | \"\" | Apply certain validator for user input. Choose from `email`, `url`, `text`, `digits` or `isodate`. Or pass a `function` or a `RegExp` object for custom validation |\n| add-tag-on-keys | Array | [ 13 (return), 188 (comma), 9 (tab) ] | Keys that are going to add the new tag\n| allow-duplicates | Boolean | false | Allow duplicate tags\n| before-adding | Function | null | Function (allows async) to normalize tag before adding. E.g `(tag) =\u003e tag.toUpperCase()`\n\n## Events\n| Name | Arguments | Description |\n| ---: | --- | --- |\n| input | Array with tags | Emitted when a tag is added (after successful validation) and when a tag is removed |\n| update:tags | Array with tags | Same as input event |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatiastucci%2Fvue-input-tag","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatiastucci%2Fvue-input-tag","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatiastucci%2Fvue-input-tag/lists"}