#Radio buttons
The v-radio component is a simple radio button. When combined with the v-radio-group component you can provide grouping functionality to allow users to select from a predefined set of options.
#Usage
Although v-radio can be used on its own, it is best used in conjunction with v-radio-group.
#API
| Component | Description |
|---|---|
| v-radio-group | Primary Component |
| v-radio | Sub-component used for modifying the v-radio-group state |
#Examples
#Props
#Model (group)
Using the v-model (or model-value) you can access and control the selected radio button defined by the set value on the child v-radio components.
Selected Button: one
If you are using integer values with model-value, you will need to use :value to set the value of the child v-radio otherwise it will be evaluated as a string.
#Model (radio)
The v-model (or model-value) you can access and control the value of a single radio button. The true/false values can be independently defined using the true-value and false-value props.
#Colors
Radios can be colored by using any of the builtin colors and contextual names using the color prop.
#Direction
Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.
#Slots
#Label
Radio Group labels can be defined in label slot - that will allow to use HTML content.