Chip
Компонент v-chip используется для передачи небольших фрагментов информации. Используя свойство close, чип становится интерактивным, что позволяет взаимодействовать с пользователем.
API
Кнопка добавления удаления
Применяет заданный цвет к элементу управления
Применяет тёмный вариант темы
Отключает Chip, что делает его недоступным
Удаляет края круга
Применяет светлый вариант темы
Удаляет фон и применяет цвет границы и текста
Применяет цвет выделения к chip. В основном используется для отображения контекста выделения в v-select
Уменьшает размер чипа
Применяет заданный цвет к управляющему тексту
Контроль видимости
Примеры
Цветной
Любой цвет из палитры Material Design можно использовать для изменения цвета чипов.
Иконка
Chips могут использовать текст или любой значок, доступный в библиотеке шрифтов Material Icons.
Контур
Очерченные chips наследуют свой цвет границы от текущего цвета текста.
Метка
В метки chips используется border-radius v-card.
Перекрываемый
Закрытые chips можно контролировать с помощью v-model. Прослушайте событие input, если вы хотите узнать, когда chip был закрыт.
В выборе
Выбор позволяет использовать чипы для отображения выбранных данных.