Chip

Выбираемые чипы

Выбрано: ничего

Цвета

Варианты и размеры

Закрываемые

Клик по крестику удаляет чип.

Входные параметры

Имя	Тип	По умолчанию	Описание
`label`	`string`	`undefined`	Текст метки.
`color`	`'primary' \| 'secondary' \| 'success' \| 'warning' \| 'danger' \| 'info' \| 'neutral'`	`'primary'`	Цвет чипа.
`variant`	`'soft' \| 'outline'`	`'soft'`	Вариант оформления.
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Размер чипа.
`disabled`	`boolean`	`false`	Отключает чип.
`closable`	`boolean`	`false`	Показывает кнопку удаления.
`selected`	`boolean`	`false`	Начальное выбранное состояние (без v-model).
`modelValue`	`boolean`	—	Выбранное состояние через `v-model` (значение имеет приоритет над `selected`).

События

select — без payload. Срабатывает при переключении выбранного состояния кликом по чипу.
close — без payload. Срабатывает при нажатии на кнопку удаления.
update:modelValue — payload: новое выбранное значение boolean.

Описание

Компонент C3Chip — выбираемая плашка с меткой, цветом, вариантом оформления и опциональной кнопкой удаления. Используется для фильтров, тегов и выбора отдельных значений.

Выбранное состояние управляется через v-model (свойство modelValue) или атрибутом selected. Для удаления используйте closable и обрабатывайте событие close.

Дополнительная информация

Слоты:

default — содержимое метки (заменяет label).

Доступность и поведение:

Выбранное состояние передаётся через aria-pressed на кнопке.
Кнопка удаления имеет role="button" и aria-label «Удалить …».
Клик по кнопке удаления не переключает выбранное состояние (@click.stop).
В отключённом состоянии клики заблокированы.