# ngx-cli-lib-tag-input

> [![npm version](https://badge.fury.io/js/ngx-cli-lib-tag-input.svg)](https://badge.fury.io/js/ngx-chips)

Latest version **0.0.4** (published 2019-05-10) · 0 weekly downloads

## Install

```sh
npm install ngx-cli-lib-tag-input
pnpm add ngx-cli-lib-tag-input
yarn add ngx-cli-lib-tag-input
bun add ngx-cli-lib-tag-input
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2019-05-10 |
| First published | 2019-05-10 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 106.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | vinicius.n9 |

## Links

- npm: https://www.npmjs.com/package/ngx-cli-lib-tag-input
- npm.io page: https://npm.io/package/ngx-cli-lib-tag-input

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 0.0.4 (latest) — 2019-05-10
- 0.0.2 — 2019-05-10
- 0.0.1 — 2019-05-10

## README

# Tag Input for Angular
[![npm version](https://badge.fury.io/js/ngx-cli-lib-tag-input.svg)](https://badge.fury.io/js/ngx-chips)

This is a component for Angular 2+.

[![NPM](https://nodei.co/npm/ngx-cli-lib-tag-input.png?downloads=true&stars=true)](https://nodei.co/npm/ngx-cli-lib-tag-input/)

## Getting Started

    npm i ngx-cli-lib-tag-input


## Configuration

Ensure you import the module and the dependencies:

```javascript
import { NgxCliLibTagInputModule } from 'ngx-cli-lib-tag-input';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';

@NgModule({
   imports: [
       NgxCliLibTagInputModule, 
       BrowserModule,
       FormsModule,
       ...OtherModules 
   ]
})
export class AppModule {}
```


#### Inputs (optional)

---

 **`tagList`** - **`?string[]`** - Accepts an array of strings as input.

**`tagInputValue`** - [**`?string`**] - Value of the input.

**`separatorsKeyCode`** - [**`13, 9, 188`**] - Array of numbers as keycodes, the default separetors as Tab, Enter and ',' keys.

**`validationRegex`** -  [**`?RegExp`**] - Regex for input validation.

**`hasError`** -  [**`false`**] - Validation result boolean.

**`allowRepeatedItems`** -  [**`true`**] - Allow array repetition.

**`addOnFocusOut`** -  [**`true`**] - Push to array on input focus out.

#### Output (optional)

---

**`OnListChange`** -  [**`string[]`**] - Return the current array after value change.

### Basic Example

```javascript
@Component({
    selector: 'app',
    template: `
    <ngx-tag-input 
        [tagList]='items'
        [tagInputValue]='testString'>
    </ngx-tag-inputt>
    `
});
export class App {
    items = ['Pizza', 'Pasta', 'Parmesan'];
    testString= "test";
}
```

```html
 <ngx-tag-input 
        [tagList]='items'
        [tagInputValue]='testString'>
</ngx-tag-inputt>
```

---
_Source: https://npm.io/package/ngx-cli-lib-tag-input · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._