CheckboxGroup
Вертикальная группа
Выбрано: apple
Горизонтальная
Состояния
Кастомный контент слотом
Дополнительный контент снизу.
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
options | CheckOption[] | [] | Список вариантов: { value: string | number, label: string, disabled?: boolean }. |
orientation | 'vertical' | 'horizontal' | 'vertical' | Ориентация группы чекбоксов. |
disabled | boolean | false | Отключает всю группу. |
name | string | undefined | Имя поля для форм (применяется к каждому чекбоксу). |
v-model привязывает массив выбранных значений через defineModel<Array<string | number>>().
Описание
Компонент C3CheckboxGroup — группа чекбоксов для множественного выбора. Выбранные значения накапливаются в массиве, связанном с v-model. Подходит для выбора нескольких опций из фиксированного набора.
Задавайте варианты через проп options, ориентацию — через orientation. Отдельные опции можно отключить полем disabled в объекте варианта.
Дополнительная информация
- Слот по умолчанию
#default— дополнительный контент, выводимый после списка чекбоксов. - События: никакие явные `emit` не объявляются, изменение значения идёт через
v-model. - Каждый чекбокс рендерится нативным
<input type="checkbox">в обёртке<label>, что обеспечивает доступность по нативному поведению. - При передаче
disabledна группе отключаются все чекбоксы; продублировать можно на уровне отдельной опции. - Компонент не инжектит контекст
C3FormField— значение для форм задаётся только через пропname.