Switch
Подписи
Размеры
Состояния
Кастомная подпись слотом
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
label | string | undefined | Подпись рядом с переключателем. |
size | 'sm' | 'md' | 'lg' | undefined | Размер. Если не задан, берётся из C3FormField. |
disabled | boolean | false | Отключает переключатель. |
error | boolean | false | Признак ошибки. |
name | string | undefined | Имя поля для форм. |
v-model привязывает состояние через defineModel<boolean>().
Описание
Компонент C3Switch — переключатель для логических значений (вкл/выкл). Рендерится нативный <input type="checkbox">, стилизованный под тумблер.
Используйте v-model для состояния и label для подписи. Подпись можно заменить слотом по умолчанию.
Дополнительная информация
- Слот по умолчанию
#default— кастомная подпись; если слот пуст, используется пропlabel. - Весь элемент обёрнут в
<label>, что связывает переключатель с подписью и делает его доступным по клику на подпись. - При ошибке добавляется класс
c3-switch--invalidи атрибутaria-invalid="true". - Компонент не инжектит контекст
C3FormField— ошибка задаётся только пропомerror. - События: явные
emitне объявляются, изменение идёт черезv-model.