Skip to content

Поле switch

Поле может использоваться в качестве переключателя или для выбора одного значения из двух.

  • Ключевое слово switch.

Параметры

values Необязательный

  • Тип [any, any]. В случае, если данный параметр передан, то включенный параметр будет соответствовать values[0] значение, а выключенный values[1].

Так же все параметры, общие для всех FormField. Информацию о них можно посмотреть на этой странице.

Значение

Если параметр values не был передан, то значение будет true - включён, false - выключен. В случае, когда values передаётся, включенному значению будет соответствовать values[0], а выключенному оставшееся значение.

Спецификация

  • Поле доступно при использовании Tab и Shift + Tab.
  • Выбор элемента возможен по щелчку на сам элемент.
  • Выбор возможен по нажатию Enter или Space.
  • Блокировка полей отменяет навигацию используя Tab. Также происходит изменение стилистики switch.
  • При неудачной валидации поле должно изменить стилистику switch.

Примеры

Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type и name:

html
<form-field name = "hasPhone" type="switch"/>
<form-field name = "hasPhone" type="switch"/>
ts
import {FormField} from "jenesius-vue-form";
import {FormField} from "jenesius-vue-form";

Поле по умолчанию:

Это администратор


В заблокированном состоянии:

Заблокированное


Поле не прошло валидацию:

С ошибкой

Seleact this fields


Поле с переданными values: ['yes', 'no']

С переданными values



Текущее состояние формы:

ts
{}
{}

Released under the MIT License.