Поле single-checkbox
Поле может использоваться в качестве переключателя или для выбора одного значения из двух.
- Ключевое слово
single-checkbox. - WhatWG Спецификация.
Параметры
values Необязательный
- Тип
[any, any]. В случае, если данный параметр передан, то включенный параметр будет соответствоватьvalues[0]значение, а выключенныйvalues[1].
Так же все параметры, общие для всех FormField. Информацию о них можно посмотреть на этой странице.
Значение
Если параметр values не был передан, то значение будет true - включён, false - выключен. В случае, когда values передаётся, включенному значению будет соответствовать values[0], а выключенному оставшееся значение.
Спецификация
- Поле доступно при использовании
TabиShift + Tab. - Выбор элемента возможен по щелчку на сам элемент.
- Выбор возможен по нажатию
EnterилиSpace. - Блокировка полей отменяет навигацию используя
Tab. Также происходит изменение стилистикиsingle-checkbox. - При неудачной валидации поле должно изменить стилистику
single-checkbox.
Примеры
Для данного поля нет дополнительных обязательных параметров, по этому нам необходимо указать лишь type и name:
html
<form-field name = "hasPhone" type="single-checkbox"/><form-field name = "hasPhone" type="single-checkbox"/>ts
import {FormField} from "jenesius-vue-form";import {FormField} from "jenesius-vue-form";Поле по умолчанию:
Это администратор
В заблокированном состоянии:
Заблокированное
Поле не прошло валидацию:
С ошибкой
Seleact this fields
Поле с переданными values: ['yes', 'no']
С переданными values
Текущее состояние формы:
ts
{}{}