Input Tags

By default close char is x.

you can make tag non-removable by removing x using [removable]="false"

you can create editable tag by using [editable]="true" property

An input which requires all tags to start with '@' and end with '$'

An input which will transform the value of all added tags prepending '@' to the tag using [onAdding]="transform"

({{ index }}) {{ item.id }}: {{ item.value }}

You can customize this component to allow only Tags accepting only items from an autocomplete

You can autocomplete items using [onAdding]="asyncOnAdding" eg. 'item1'

An input which allows adding items by pressing the key "space" of your keyboard

You can apply bootstrap theme to your tag using [theme]="'bootstrap'"

Input tag that allows specific number of tags using [maxItems]

You can use this advanced feature with [dragZone]

You can implement this special feature with [onRemoving] and [onAdding]