Теги используются в составе Tag list в полях ввода для обозначения выбранных значений: Select Multiple, Tag autocomplete, Tag input

Текст в тегах не переносится на новую строку и обрезается многоточием при превышении доступного пространства.

Тег можно удалить несколькими способами:

  • Клик по иконке удаления (директива kbqTagRemove) внутри тега.
  • Нажатие клавиши Delete или Backspace.
  • Программное удаление через API компонента.

Опция удаления настраивается при помощи атрибута removable (по умолчанию включена).

Тег можно выбрать несколькими способами:

  • Клик по тегу или установка фокуса на него.
  • Space при фокусе на теге.
  • Программный выбор через API компонента.

Опция выбора настраивается при помощи атрибута selectable (по умолчанию включена).

Для включения режима редактирования необходимо установить свойство editable для kbq-tag.

Вход в режим:

  • При двойном клике по тегу.
  • При нажатии клавиши Enter или F2 (при фокусе на теге).

Сохранение изменений:

  • При нажатии клавиши Enter.
  • При нажатии на кнопку подтверждения (директива kbqTagEditSubmit).

Отмена изменений:

  • При нажатии клавиши Escape.
  • При потере фокуса.

Не используйте редактирование тегов, когда предполагается сложная валидация. Редактирование настроено таким образом, что невозможно сохранить тег с некорректным значением. Для предотвращения сохранения используйте атрибут preventEditSubmit.

Используйте Badge, если нужно создать цветной маркер в таблице или списке ключ-значение. Теги используются только в качестве токенов внутри контролов.

Клавиша
Действие
Space Выбрать/снять выбор тега.
Delete / Backspace Удалить тег.
F2 / Enter Начать редактирование.
Ctrl + A Выделить все теги.
Клавиша
Действие
Enter Сохранить изменения.
Esc Отменить изменения.
Вопросы и предложения по документации
Если у вас есть вопросы или вы хотите внести свой вклад в написание документации, пожалуйста, создайте issue в нашем репозитории на GitHub.