You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

ngx-tags-input-box

Package Overview
Dependencies
Maintainers
1
Versions
44
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ngx-tags-input-box - npm Package Compare versions

Comparing version

to
3.1.1

esm2022/lib/ngx-tags-input-box.service.mjs

0

index.d.ts

@@ -0,0 +0,0 @@ /**

@@ -0,0 +0,0 @@ import * as i0 from "@angular/core";

2

lib/ngx-tags/ngx-tags.component.d.ts

@@ -18,4 +18,4 @@ import { EventEmitter } from '@angular/core';

static ɵfac: i0.ɵɵFactoryDeclaration<NgxTagsComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxTagsComponent, "ngx-tags-input", never, { "limit": "limit"; "mode": "mode"; "placeholder": "placeholder"; "tags": "tags"; "rounded": "rounded"; "disabled": "disabled"; }, {}, never, never, false, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NgxTagsComponent, "ngx-tags-input", never, { "limit": { "alias": "limit"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "tags": { "alias": "tags"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
}
export {};

@@ -8,6 +8,6 @@ {

"description": "A tags input is a UI component which allows the user to insert multiple entries as tags into an input field. Also known as Tagging/Tokenizing system. You can find this system on most major websites.",
"version": "3.1.0",
"version": "3.1.1",
"peerDependencies": {
"@angular/common": "^15.2.0",
"@angular/core": "^15.2.0"
"@angular/common": "^17.0.9",
"@angular/core": "^17.0.9"
},

@@ -41,7 +41,3 @@ "dependencies": {

"license": "MIT",
"module": "fesm2015/ngx-tags-input-box.mjs",
"es2020": "fesm2020/ngx-tags-input-box.mjs",
"esm2020": "esm2020/ngx-tags-input-box.mjs",
"fesm2020": "fesm2020/ngx-tags-input-box.mjs",
"fesm2015": "fesm2015/ngx-tags-input-box.mjs",
"module": "fesm2022/ngx-tags-input-box.mjs",
"typings": "index.d.ts",

@@ -54,7 +50,5 @@ "exports": {

"types": "./index.d.ts",
"esm2020": "./esm2020/ngx-tags-input-box.mjs",
"es2020": "./fesm2020/ngx-tags-input-box.mjs",
"es2015": "./fesm2015/ngx-tags-input-box.mjs",
"node": "./fesm2015/ngx-tags-input-box.mjs",
"default": "./fesm2020/ngx-tags-input-box.mjs"
"esm2022": "./esm2022/ngx-tags-input-box.mjs",
"esm": "./esm2022/ngx-tags-input-box.mjs",
"default": "./fesm2022/ngx-tags-input-box.mjs"
}

@@ -61,0 +55,0 @@ },

export * from './lib/ngx-tags-input-box.service';
export * from './lib/ngx-tags/ngx-tags.component';
export * from './lib/ngx-tags-input-box.module';

@@ -23,13 +23,15 @@ <img width="256px" src="https://icon.beforepost.com/I0H3FAPV-KSRZF8JQ-6S9AGVHY.svg"/>

Import the module on your `app.module.ts` file as follow.
Import the module on your `your-component.component.ts` file as follow.
```TS
import { NgxTagsModule} from "ngx-tags-input-box";
```
`import { NgxTagsComponent } from 'ngx-tags-input-box';`
Then import the module as follow on imports array
```TS
NgxTagsModule
```
`@Component({
selector: '...',
templateUrl: '...',
styleUrls: ['...'],
standalone: true,
imports: [NgxTagsComponent]
})`

@@ -88,3 +90,3 @@ Add this into your .html file of your component

This are the methods available with ngx-tags-input-box use it as per your requirement:
- mode : (required) value should be `primary | success | danger | info | warning | light`

@@ -91,0 +93,0 @@