Input Tags

Javascript
Typescript

By default close char is x.

Javascript
Typescript

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

Javascript
Typescript

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

@item$

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

@item

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

@item

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

Javascript
Typescript

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

@item

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

@item

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

Javascript
Typescript

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

C#
Java

You can use this advanced feature with [dragZone]

item1

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