# ng2-chips

> Chips for Angular2

Latest version **0.0.13** (published 2016-05-09) · ISC license · 0 weekly downloads

## Install

```sh
npm install ng2-chips
pnpm add ng2-chips
yarn add ng2-chips
bun add ng2-chips
```

## Health

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

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.13 |
| Published | 2016-05-09 |
| First published | 2016-05-09 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Martin Wiesmüller m.wiesmueller@werbasinnotec.com |
| Maintainers | mwiesmueller |
| Keywords | angular2, tag input, taginput, tags, chips, chips input |

## Links

- npm: https://www.npmjs.com/package/ng2-chips
- npm.io page: https://npm.io/package/ng2-chips

## Dependencies (1)

- [ng2-autocomplete](https://npm.io/package/ng2-autocomplete.md) 0.0.1

## Recent versions

- 0.0.13 (latest) — 2016-05-09
- 0.0.12 — 2016-05-09
- 0.0.11 — 2016-05-09
- 0.0.10 — 2016-05-09
- 0.0.9 — 2016-05-09
- 0.0.8 — 2016-05-09
- 0.0.7 — 2016-05-09
- 0.0.6 — 2016-05-09
- 0.0.5 — 2016-05-09
- 0.0.4 — 2016-05-09
- 0.0.3 — 2016-05-09
- 0.0.2 — 2016-05-09
- 0.0.1 — 2016-05-09

## README

# ng2-chips
Input Module with chips based on Angular 2. This module is designed with autocomplete.


## Quick Start
```
npm install ng2-chips --save
```

## Based Image
This module is based on Repo by [rosslavery/angular2-tag-input](https://github.com/rosslavery/angular2-tag-input/tree/master)

Thank you for this great work. This module licensed based on ISC, too.

## Implemenate

```
// In one of your application components
import {TagInputComponent} from 'angular2-tag-input';

@Component({
    selector: 'your-component-selector',
    directives: [TagInputComponent] // Add to directives
    template: `<tag-input></tag-input>`
})
```

## API
### Inputs
- `ngModel` : `string[]` - **Required** Property to store the resulting tag list in.
- `placeholder` : `string` - **Default**: ``'Add a tag'`` - Placeholder for the `<input>` tag.
- `delimiterCode` : `string` - **Default**: ``'188'`` - ASCII keycode to split tags on. Defaults to comma.
- `addOnBlur` : `boolean` - **Default**: `true` - Whether to attempt to add a tag when the input loses focus.
- `addOnEnter` : `boolean` - **Default**: `true` - Whether to attempt to add a tag when the user presses enter.
- `addOnPaste` : `boolean` - **Default**: `true` - Whether to attempt to add a tags when the user pastes their clipboard contents.
- `allowedTagsPattern` : `RegExp` - **Default**: `/.+/` - RegExp that must match for a tag to be added.

---
_Source: https://npm.io/package/ng2-chips · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._