<commit_before># Tag Input Component for Angular [![Build Status](https://travis-ci.org/Gbuomprisco/ngx-chips.svg?branch=develop)](https://travis-ci.org/Gbuomprisco/ng2-tag-input) [![npm version](https://badge.fury.io/js/ngx-chips.svg)](https://badge.fury.io/js/ngx-chips)

This is a component for Angular >= 4. Design and API are blandly inspired by Angular Material's md-chips. Formerly called ng2-tag-input.

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

## [Demo](http://www.buompris.co/ng2-tag-input/)

Check out [the live demo](http://www.buompris.co/ng2-tag-input/).


## Getting Started

    npm install ngx-chips --save // OR
    yarn add ngx-chips

**Notice**: the latest version on NPM may not reflect the branch `master`. Open an issue and tag me if you need it to be published.

## Configuration

Ensure you import the module:

```javascript
import { TagInputModule } from 'ngx-chips';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; // this is needed!

@NgModule({
   imports: [ TagInputModule, BrowserAnimationsModule, ...OtherModules ] // along with your other modules
})
export class AppModule {}
```

## API for TagInputComponent

#### Inputs
<commit_msg>Demo with StackBlitz (#643)<commit_after># Tag Input Component for Angular [![Build Status](https://travis-ci.org/Gbuomprisco/ngx-chips.svg?branch=develop)](https://travis-ci.org/Gbuomprisco/ng2-tag-input) [![npm version](https://badge.fury.io/js/ngx-chips.svg)](https://badge.fury.io/js/ngx-chips)

This is a component for Angular >= 4. Design and API are blandly inspired by Angular Material's md-chips. Formerly called ng2-tag-input.

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

## [Demo](https://angular-mfppay.stackblitz.io/)

Check out [the live demo](https://angular-mfppay.stackblitz.io/).


## Getting Started

    npm install ngx-chips --save // OR
    yarn add ngx-chips

**Notice**: the latest version on NPM may not reflect the branch `master`. Open an issue and tag me if you need it to be published.

## Configuration

Ensure you import the module:

```javascript
import { TagInputModule } from 'ngx-chips';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; // this is needed!

@NgModule({
   imports: [ TagInputModule, BrowserAnimationsModule, ...OtherModules ] // along with your other modules
})
export class AppModule {}
```

## API for TagInputComponent

#### Inputs

{'fraction_non_alphanumeric': 0.15145554681353265, 'fraction_numerical': 0.004327301337529505, 'mean_word_length': 4.364978902953586, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 14, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5762155', 'n_tokens_mistral': 888, 'n_tokens_neox': 850, 'n_words': 217}