Field radio
The field is used to select a single value from the provided set.
- Keyword
radio
. - WhatWG Specification.
Params
options Required
- Type: FormFieldOptions.
The set of possible field values.
Also, all parameters common to all FormField
. Information about them can be viewed on this page.
Value
When clicking or selecting the corresponding radio
element, the value will be set to according to the value in the value
field of the passed options
.
Specification
- The object is available for access via
Tab
andShift + Tab
. - Moving around the object is possible using
ArrowDown
andArrowUp
. Moving this way changes the value of a field. - Selecting an element is possible by clicking on the corresponding element.
- Cannot select an element using
Enter
orSpace
. - Blocking fields cancels navigation using
Tab
. There is also a change in the style ofradio
. - If the validation fails, the field should change the
radio
style.
Examples
To connect a widget, you need to specify type
and options
:
html
<form-field :options = "companies" type = "radio"/>
<form-field :options = "companies" type = "radio"/>
ts
import {FormField} from "jenesius-vue-form";
const companies = {
'a': "Apple",
'h': "Huawei",
's': "Samsung"
};
import {FormField} from "jenesius-vue-form";
const companies = {
'a': "Apple",
'h': "Huawei",
's': "Samsung"
};
By default:
Select one
Apple
Huawei
Samsung
In disabled state
Disabled
Apple
Huawei
Samsung
Field not validated:
With error
Apple
Huawei
Samsung
Seleact this fields
The current state of the form:
ts
{}
{}