RadiogroupRadio
Used by RadiogroupElement to display radio buttons.
Options
Find below the list of options that can use to configure RadiogroupRadio component. Options can be passed to the component via props.
item
- Type:
object|string|number - Required:
true
<RadiogroupRadio item="Vue.js" ... />
<RadiogroupRadio :item="{ name: 'Vue.js', description: 'A Javascript framework' }" ... />The radio option.
value
- Type:
string|number - Required:
true
<RadiogroupRadio item="Vue.js" ... />
<RadiogroupRadio :item="{ name: 'Vue.js', description: 'A Javascript framework' }" ... />The radio option value.
items
- Type:
object|array - Required:
true
index
- Type:
number - Required:
true
attrs
- Type:
object - Default:
{}
<RadiogroupRadioElement :attrs="{ autofocus: true }" ... />Assigns HTML attributes to the container / input field.
Properties
All the data, computed and inject properties of the component.
checked
- Type:
boolean - Group:
computed
Whether the radio is checked.
id
- Type:
boolean - Group:
computed
The id attribute of the input.
name
- Type:
boolean - Group:
computed
The name attribute of the input.
isDisabled
- Type:
boolean - Group:
computed
Whether the radio should be disabled.
Size
- Type:
string - Group:
inject
The size of the component.
View
- Type:
string - Group:
computed
The name of the resolved view for the component. This one should be used to determine the component's view in class functions.
template
- Type:
object - Group:
computed
The component's template.
classes
- Type:
object - Group:
computed
The component's classes.
theme
- Type:
object - Group:
inject
The global theme object, which contains all the default templates and classes.
form$
- Type:
Vueform - Group:
inject
The root form's component.
el$
- Type:
VueformElement - Group:
inject
The parent element's component.
Views
The RadiogroupRadio component is used by RadiogroupElement as a child component and inherits the view from it.
default
<RadiogroupElement
name="radiogroup"
:items="['Vue.js', 'React', 'AngularJS']"
/>tabs
<RadiogroupElement
name="radiogroup"
:items="['Vue.js', 'React', 'AngularJS']"
view="tabs"
/>blocks
<RadiogroupElement
name="radiogroup"
:items="[
{ value: 'Vue.js', label: 'Vue.js', description: 'Vue.js framework' },
{ value: 'React', label: 'React', description: 'React framework' },
{ value: 'AngularJS', label: 'AngularJS', description: 'AngularJS framework' }
]"
view="blocks"
/>
