Ввод тегов
Переполнение только для чтения
Список тегов только для чтения со счётчиком скрытых: молча обрезанный список читается как полный, и «+3» это чинит.
Что можно поменять
- label — заголовок над списком
- tags — сам список меток
- visible — сколько тегов показывать до сворачивания
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/tags-007?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Технические заметки
Компонент самодостаточен: один файл, ноль зависимостей, палитра в локальных переменных --vibeui-tags-007-*. Серверный: раскрывать список некуда, это витрина, а не форма. Видимые теги показаны обычным ul, а лишние свёрнуты в счётчик «+N»; их названия перечислены в title и aria-label, поэтому скрытое можно узнать наведением и услышать скринридером. Разметка списком, а не набором span: это перечисление, и скринридер должен назвать число элементов.
Теги
- tags
- readonly
- overflow
- list
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…