{"id":24727096,"url":"https://github.com/vikcch/taggier","last_synced_at":"2026-04-24T11:32:50.220Z","repository":{"id":65514048,"uuid":"309906706","full_name":"vikcch/taggier","owner":"vikcch","description":"JavaScript object to easing tag and hashtag inputs","archived":false,"fork":false,"pushed_at":"2020-11-17T10:55:28.000Z","size":173,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-29T03:49:56.298Z","etag":null,"topics":["front-end","hashtags","input","javascript","js","key","label","library","mark","tags","words"],"latest_commit_sha":null,"homepage":"https://vikcch.github.io/taggier/","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/vikcch.png","metadata":{"files":{"readme":"README","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":"2020-11-04T06:12:16.000Z","updated_at":"2022-07-02T17:30:18.000Z","dependencies_parsed_at":"2023-01-26T21:01:23.266Z","dependency_job_id":null,"html_url":"https://github.com/vikcch/taggier","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/vikcch/taggier","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikcch%2Ftaggier","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikcch%2Ftaggier/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikcch%2Ftaggier/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikcch%2Ftaggier/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vikcch","download_url":"https://codeload.github.com/vikcch/taggier/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vikcch%2Ftaggier/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262944985,"owners_count":23388861,"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":["front-end","hashtags","input","javascript","js","key","label","library","mark","tags","words"],"created_at":"2025-01-27T14:57:49.450Z","updated_at":"2026-04-24T11:32:45.199Z","avatar_url":"https://github.com/vikcch.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Taggier\n\nJavaScript object to easing tag and hashtag inputs\n\nSee it on action: [Taggier](https://vikcch.github.io/taggier)\n\n![taggier](https://github.com/vikcch/taggier/blob/master/docs/taggier.gif)\n\nUses comma `,` as the separator\n\n## NPM\n\n`npm install taggier`\n\nHTML:\n\n```html\n\u003cdiv id=\"example\"\u003e\u003c/div\u003e\n```\n\nJavaScript:\n\n```js\nimport Taggier from 'taggier';\n\nconst taggier = new Taggier('example');\n```\n\nCSS:\n\n```css\n.tag {\n    background-color: #ccc;\n    padding: 8px 16px;\n    cursor: pointer;\n    border-radius: 8px;\n}\n\n.tag:hover {\n    filter: brightness(95%);\n    transition: all .1s ease;\n}\n\n.tag::after {\n    content: ' \\00d7';\n}\n\n.tag:hover::after {\n    color: red;\n}\n```\n\n## Syntax\n\n`new Taggier(divId|div[, options]);`\n\n## Parameters\n\n`divId` _String_ - The id of the div Element\n\n`div` _HTMLDivElement_ - The div Element\n\n`options` _Object_ - Optional\n\n### Options\n\nObject: Second parameter - Optional\n\n```js\nconst myOptions = {\n    gap: 8,\n    hashtag: true\n};\nconst taggier = new Taggier('example', myOptions);\n```\n\n`gap` _Number_ - Set the gap in pixels between each tag. Default: `16`\n\n`forbiddenPattern` _Regex | Boolean_ - Forbidden characters. (Set to `false` to have none) Default: `/[^\\w]+/g` (Alphanumeric)\n\n`hashtag` _Boolean_ - Is hashtag. Default: `false`\n\n`border` _Boolean_ - If no css for the element is specified a `1px solid gray` will be assign. Default: `true`\n\n`focus` _Boolean_ - Has outline. Default: `true`\n\n## Accessors\n\n`tags` _Array_ - Array of strings beeing each element a tag text.\n\n## Methods\n\n`getTags()` : _Array_ - Returns a new Array of strings beeing each element a tag text.  \n\n`setTags(values)` (_values : Array_) : _void_ - Sets tags beeing each element a tag text.\n\n`addTags(values)` (_values : Array_) : _void_ - Add tags beeing each element a tag text.\n\n`removeAll()` : _void_ - Remove all tags.\n\n`hasPendingText()` : _Boolean_ - Returns `true` if there is any text not tagged.\n\n`pendingText()` : _String_ - Returns the pending text in the element.\n\n`makeTagFromPendingText()` : _void_ - Makes a Tag from pending text in the element.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvikcch%2Ftaggier","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvikcch%2Ftaggier","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvikcch%2Ftaggier/lists"}