ngx-at-chip-input
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

Usage notes:

Using form control as input

chipList = new FormControl();
chipList.setValue(['test1', 'chip1', 'another chip']);

<ngx-at-chip-input placeholder="custom placeholder" [formControl]="chipList">
</ngx-at-chip-input>

Using array as input

chipArray=['Hydrogen', 'Helium', 'Lithium', 'Berilium'];

<ngx-at-chip-input
  placeholder="custom placeholder"
  [chipArray]="chipArray"
  (chipListChange)="chipListChangeHandler($event)"
>
</ngx-at-chip-input>

Two way binding with Array

chipArray=['Hydrogen', 'Helium', 'Lithium', 'Berilium'];

<ngx-at-chip-input
  placeholder="custom placeholder"
  [(chipArray)]="chipArray"
>
</ngx-at-chip-input>

How does it look and feel?

Chip Input Image

Live Demo

Click to see Live Demo

Package Sidebar

Install

npm i ngx-at-chip-input

Weekly Downloads

1

Version

1.0.0

License

MIT

Unpacked Size

134 kB

Total Files

25

Last publish

Collaborators

  • arunkt