КРЕАТИВНЫЕ САЙТЫ И ПРИЛОЖЕНИЯ,
КАЧЕСТВЕННЫЕ WEB-УСЛУГИ
phone

SwSwitch

Компонент SwSwitch представляет собой чекбокс с возможностью настройки внешнего вида.

SwSwitch

Компонент SwSwitch представляет собой чекбокс с возможностью настройки внешнего вида галочка | переключатель | переключатель с подписью и поведения.

Свойства / Properties

ИмяТипПо умолчаниюЗначения/Описание
nameString``Добавляет в атрибут 'name'.
classStringsw-switchДобавляет пользовательский CSS-класс к компоненту.
sizeString``Размер поля: 'large', 'small'.
idStringcheckboxДобавляет в атрибут 'id'.
onString``Текст при true.
offString``Текст при false.
checkboxBooleanfalseВизуализирует как обычный чекбокс.

Слоты / Slots

Default - текст описания

Модель / Model

model - состояние чекбокса (checked ) булевое значение

Пример использования / Example Usage

<sw-switch 
  v-model="model"
  name="switch"
  class="custom-class"
  id="switch"
  on="on"
  off="off"
>
  <p>Описание / Description</p>
</sw-switch>