Switch

Подписи

Размеры

Состояния

Кастомная подпись слотом

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

ИмяТипПо умолчаниюОписание
labelstringundefinedПодпись рядом с переключателем.
size'sm' | 'md' | 'lg'undefinedРазмер. Если не задан, берётся из C3FormField.
disabledbooleanfalseОтключает переключатель.
errorbooleanfalseПризнак ошибки.
namestringundefinedИмя поля для форм.

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.
×