Tag-inputs without add tags on Paste

Provided with InjectionToken param addOnPaste=false


Tag list

Test name

Tag list, selectable=false

@for (tag of simpleTags; track tag) { {{ tag }} }

Tags with icons

@for (tag of simpleTags; track tag) { {{ tag }} }

Without remove

@for (tag of simpleTags; track tag) { {{ tag }} } @for (tag of simpleTags; track tag) { {{ tag }} }

Tags with input

@for (tag of inputTags; track tag) { {{ tag }} }

Tags with autocomplete

@for (tag of autocompleteSelectedTags; track tag) { {{ tag }} } @if (canCreate) { Создать: {{ autocompleteTagInput.value }} } @if (hasDuplicates) { Ничего не найдено } @for (tag of autocompleteFilteredTags | async; track tag) { {{ tag }} }

Tags with tag adding on blur disabled

@for (tag of enterTags; track tag) { {{ tag }} }

simple Tags

Normal Hovered Focused Disabled

Normal Hovered Focused Disabled

Normal Hovered Focused Disabled