Поле 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
{}
{}